Coder Social home page Coder Social logo

IOS layout Issue about dash_chat HOT 13 CLOSED

fayeed avatar fayeed commented on June 23, 2024
IOS layout Issue

from dash_chat.

Comments (13)

fayeed avatar fayeed commented on June 23, 2024 1

@poovarasanvasudevan I just released a new version for the package 1.0.7 and it has two new properties inputToolbarPadding & inputToolbarMargin which you can use to add padding & margin to the input container.

from dash_chat.

diegogarciar avatar diegogarciar commented on June 23, 2024 1

anyways... I ended up using inputFooterBuilder to get the margin and also show continuity all the way to the bottom

   inputFooterBuilder: () {
                  return SafeArea(
                    child: SizedBox(),
                  );
                },

from dash_chat.

SebastienBtr avatar SebastienBtr commented on June 23, 2024 1

@rlee1990 I think you are referring to #30, it has nothing to do with the input toolbar margin/padding.

from dash_chat.

diegogarciar avatar diegogarciar commented on June 23, 2024

hey @poovarasanvasudevan how did you added the maring/paddinng for iPhone X devices only? and what margin/padding amount did you used?

from dash_chat.

PolymathWhiz avatar PolymathWhiz commented on June 23, 2024

I did something like this on the height property:

MediaQuery.of(context).size.height < 700 ? MediaQuery.of(context).size.height - 80 : MediaQuery.of(context).size.height - 120.0,

700 and below is for iPhone 8 and below

from dash_chat.

DigitalSolomon avatar DigitalSolomon commented on June 23, 2024

Has this issue been resolved?

from dash_chat.

am-singh avatar am-singh commented on June 23, 2024

is there any clean solution?

from dash_chat.

diegogarciar avatar diegogarciar commented on June 23, 2024

I'm currently doing

 height: Device.get().isIphoneX
                ? MediaQuery.of(context).size.height - 100
                : null,
inputFooterBuilder: () {
              return SizedBox( height: Device.get().isIphoneX ? 34.0 : 0);
},

from dash_chat.

SebastienBtr avatar SebastienBtr commented on June 23, 2024

I think this issue can be closed.

from dash_chat.

diegogarciar avatar diegogarciar commented on June 23, 2024

What was the solution?

from dash_chat.

SebastienBtr avatar SebastienBtr commented on June 23, 2024

As mentioned above, since 1.0.7, two new properties inputToolbarPadding & inputToolbarMargin allow you to add padding & margin to the input container.
So it doesn't seem to be an issue related to the package anymore, you'll need to manage yourself the padding/margin as you'll do with any widget to adapt to iOS.
It seems more like a Stack Overflow question right now.

from dash_chat.

rlee1990 avatar rlee1990 commented on June 23, 2024

Adding padding or margin does not solve the issue it makes a new one for the scroll to bottom will always show even if at the bottom.

from dash_chat.

rlee1990 avatar rlee1990 commented on June 23, 2024

@rlee1990 I think you are referring to #30, it has nothing to do with the input toolbar margin/padding.

Thanks that is what happens I did choose to just hide it altogether for now

from dash_chat.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.