04 - ActionChip |
#shorts #flutter #actionchip #widgets
Action chips are displayed after primary content, such as below a card or persistently at the bottom of a screen.
The minimal ActionChip has a label. It’s a disabled chip. If you want to perform actions on tap of it and make it enable, use `onPressed`.
You can also give style to the label.
You can add `labelPadding` as well, which will add padding to the label.
Add an avatar or icon for the chip. This will appear towards left of the label.
Even you can add some accessibility. If you long press the chip you will see a tooltip.
You can customise the UI of this chip by giving custom border.
The shape can also be changed to any shape.
Background color for chip can also be customised.
This was all about flat chip. But, you can make it elevated.
Use the `elevated` type of ActionChip.
And then `elevation` and `pressedElevation` can be used.
Since, now we have elevated type. Giving a shadow also a possibility.
And surface tint color as well.
And last one is disabled color.
Nominate as a Github Star: https://bit.ly/3dLXFWJ (@TechieBlossom)
Support Us in any of the below ways:
💜 / techieblossom
💜 https://www.buymeacoffee.com/AGd0Xngci
Contributions:
👨🏻💻 / prateeksharma
👨🏻💻 https://www.github.com/TechieBlossom
Feel free to connect with me:
🤝 / sharmaprateek7
🤝 https://www.topmate.io/prateeksharma
Смотрите видео 04 - ActionChip | онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь TECHIE BLOSSOM 09 Ноябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 26 раз и оно понравилось 1 людям.