Giter Club home page Giter Club logo

bottomappbar's Introduction

BottomAppBar

This project is the demonstration of how to use one of the new Material Design Components for Android which is BottomAppBar. The code includes a basic implementation of BottomAppBar with a cradled FAB. The code also shows how to include and handle BottomAppBar Menu and Navigation Control in BottomAppBar.

bottomappbar's People

Contributors

firatkarababa avatar

Stargazers

Vaibhav Malaviya avatar Isaque Lima avatar Dave avatar avatar Warm Man avatar Eltegani Mohamed avatar Manisha avatar Damien Stanton avatar Antoine T avatar Edric Chan avatar Shalin Patel avatar avatar Timskiy avatar Kinsley Kajiva avatar Gabriel Pereyra avatar Francesco Vadicamo avatar sivaprakash avatar Chris avatar Dhruv Chandrani avatar Pranav Lathigara avatar Regis Junior avatar Addepalli Sri Rama Chandra Kashyap avatar Yurii Poudanien avatar avatar JiezunZhao avatar Halit Ay avatar Dmitry Zhukov avatar Jedsada Tiwongvorakul avatar avatar beprogressive avatar Tuanlvt avatar Jesse Lima avatar Bruno Santiago avatar Favio Torres avatar padmanabhan pothirajan avatar Gigabyte Developers avatar Adriano Nascimento avatar Prashant Patel avatar Arturo avatar RoCk avatar yun avatar Tushar Dubey avatar Joshi Tushar avatar Jakub Brehuv avatar

Watchers

avatar Halit Ay avatar Gigabyte Developers avatar Tushar Dubey avatar Anton Shvetsov avatar

Forkers

chaitanya79 prashant31191 gigabytedevelopers zepsantos tuanlvt-1117 aydroiddev zhao-jie-honour jfmargar projetosparalelos tut195 sivapraka tayyabmughal676 jageishi skbhati199 mzitow virendersran01 dani811 h5nmou vaimalaviya1233

bottomappbar's Issues

Question: how to set to show multiple action items, taking as much as possible?

I can see on the screenshots of the material guidelines that it's possible to show more than just 2:

https://material.io/components/app-bars-bottom/app-bars-bottom.html#anatomy

Example:
https://storage.googleapis.com/spec-host-backup/mio-components%2Fassets%2F1STHFRgIzHVCN_kx0Pzt8HfG6JEJOCGYz%2Fanatomy-fab-none.png

image

How do I do that?
I can even see that there is a way to set the action items on the left (and hopefully still have the overflow item on the far-right-edge) :

https://storage.googleapis.com/spec-host-backup/mio-components%2Fassets%2F1uMIJeZicJJACwoQquyJO4o0ovLV2yrqx%2Fplacement-top-app-bar-do.png

image

Is it possible only for BottomAppBar, or for Toolbar in general?

Please show in the sample how to do both.

I even wrote a question about this here, because initially I thought it's something of the Toolbar itself.

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.