Comments (6)
I think these are safeAreaInsets
, cause input was supposed to be on the bottom of the phone, so safe area is built in. Would customBottomWidget
work for you? (you can basically copy code from the Input
) and adjust to your needs, since it is not "standardly" placed. Or you would prefer for me to add an option to remove safe area?
from flutter_chat_ui.
added usesSafeArea
to the inputOptions
. Pass it as false
and these should be gone
from flutter_chat_ui.
@demchenkoalex Not sure what you did in the latest update but I dont get the bottom padding at all with my current setup. I only get it on the left and right.
AND adding usesSafeArea
as false
has no effect.
Also, to answer your question, I would prefer it if I did not have to use the builder for something so simple. Padding should not be hardcoded. But if I have to do it, then I will.
![image](https://private-user-images.githubusercontent.com/100420605/338021257-41299da9-5189-4825-a2dc-0b235b186130.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNTk5MTEsIm5iZiI6MTcxODI1OTYxMSwicGF0aCI6Ii8xMDA0MjA2MDUvMzM4MDIxMjU3LTQxMjk5ZGE5LTUxODktNDgyNS1hMmRjLTBiMjM1YjE4NjEzMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYxM1QwNjIwMTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02YThkNTRiODVhZjFmNjhjNWZjODdlZWI5Mjg5MDI0OGJmMDI1ZjI1ZDI4MmJhMTQ3YjQzNzE4NzdiYjBhOTI1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Pp0mmDWCYAqUQf-3XW4yxocXE_WAhD9fPvxAjJp5eOI)
from flutter_chat_ui.
do you have onAttachmentPressed
? what if you pass null
there? I don't see any more paddings in the code except from buttons, but they should look inside probably.. you can just open source code for the Input widget to see what looks suspicious to you
from flutter_chat_ui.
@demchenkoalex
I tried passing null
for onAttachmentPressed
but that did not help. I took your advice, cloned the repo and ran the example app. I used my own configurations for the chat widget and found the piece of code that "hardcodes" the padding. See the video below. It is a bit blurry as I couldn't upload above 10mb. I hope you can see what I am doing in it.
From what I understand, if onAttachmentPressed
is not provided and the send icon is not visible, there is a hardcoded padding of 24. I have no need for the attachment callback and the button. And the send icon only becomes visible when I type. I dont see why this should be hardcoded like this.
flutter_chat_ui_.mov
from flutter_chat_ui.
yep, got it. I will add an option to change that
from flutter_chat_ui.
Related Issues (20)
- Transparent `customBottomWidget` HOT 3
- PopScope and TextScaler aren't found HOT 1
- How do I stream messages like chatgpt? HOT 3
- How to copy and paste the image to inputbox and send images? HOT 1
- Unresolved Chat class
- Janky scroll on chat list HOT 3
- Update on V2 release and checklist HOT 3
- message.copyWith(status: types.Status.status) does not working
- Using ChatList Component as a Standalone Widget HOT 1
- messageList.insert(0, message) always shows incoming messages as my own. HOT 3
- flutter build web --wasm failed due to RangeError HOT 8
- Alternative input options (instead of text input) for a chat game HOT 2
- How do I make message that links to another page HOT 1
- The argument type 'ScrollController' can't be assigned to the parameter type 'AutoScrollController?'.
- the send button doesnt appear on my phone till i press symbols or space also in my emulator but it works perfectly with the pc keyboard on the emulator HOT 8
- Chat image HTTP request failed. Change its text HOT 1
- Need to add CupertinoContextMenu to the chat bubble for the function of copying chat content. HOT 1
- How to include edit message feature? HOT 1
- Add support of a context to all `*Builder`s HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flutter_chat_ui.