Coder Social home page Coder Social logo

bizz84 / bottom_bar_fab_flutter Goto Github PK

View Code? Open in Web Editor NEW
280.0 8.0 100.0 645 KB

BottomAppBar Navigation with FAB

Home Page: https://codewithandrea.com/

License: MIT License

Kotlin 2.67% Swift 3.00% Objective-C 0.28% Dart 94.05%
dart flutter navigation ios android

bottom_bar_fab_flutter's Introduction

bottom_bar_fab_flutter's People

Contributors

bizz84 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bottom_bar_fab_flutter's Issues

Floating action button icon

How dose one change the add icon on the floating action button.

I have attempted to change the icon in:

image

however it seems that the overlay take preference

Not beginner friendly

You didn't a video about how bottomappBar operates you created an article which is inefficient because instead of the tabs returning real widgets which will be the reason why people will use for beginners we are just lost and don't understand anything I do enjoy your videos but this article and code is not helping. I have been looking thorough to implement a container return for tab selection I can seem to to do it. All is is generated text which not a real world scenario. Please make things "reality friendly" for us

Floating action button moves up when used with keyboard input

First of all, I'm very grateful for this code to exist! But since i've been using it i've been coming across a couple layout bugs.

The first one is, when i'm using the code from the example there seems to be two FABs, and one seems to be lower than the other the first time the app boots up.
screen1

again, this is with the exact code from the repo, besides some text and theme changes ofcourse.

The second problem is when you tap on a text field and the keyboard pops up, the FAB moves up as well, and stays there even when you close the keyboard, as seen in the screenshots below. Maybe I'm doing something wrong here, but I'd appreciate some feedback.

screen3

screen2

Thank you very much in advance!

Floating Action Button, overlapping any screen or dialogue

The FAB works good but when I open a new page with 'Navigator.push or Navigator.pushNamed', modalBottomSheet or a dialogue, the fab overlapping them..only works when I use pushReplacementNamed to open a new page. How I show the modalSheet without the fab on it and a page using just 'pushNamed'?

Screenshot_2019-06-27-18-53-45-781_com example twofacirrus

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.