🔥Flutter 那些花里胡哨的界面🔥,花里胡哨的底部导航,仿抖音、小红书底部菜单,向上展开菜单,半圆菜单,中间凹进去的菜单,动画底部导航

Overview

🔥 Flutter 那些花里胡哨的界面 🔥 进来绝不后悔

GitHub stars GitHub forks

拖动滑块验证,仿B站(bilibili)底部菜单,仿抖音、小红书底部菜单,向上展开菜单,半圆菜单,中间凹进去的菜单 等等.... 收集、实现了一些花里胡哨的底部导航。防止重复造轮,避免产品经理和程序员又又又又又又打起来!

  • 觉得对你有帮助的希望点个star GitHub stars
  • 有很棒的底部菜单希望推荐
  • 需要使用的,建议大家clone下来,直接引入,具体需求(如未读消息)自己添加
  • 欢迎Fork & pr贡献您的代码,大家共同学习

Example

Web版在线Demo

apk

拖动滑块验证



底部菜单

效果图 (gif效果不太好,可下载或web体验)

  • Flutter自带菜单,凹进去


- 右侧展开菜单

  • 向上展开菜单


- 半折扇菜单,弧形菜单


- 山峦起伏菜单
参考图 效果图

- 中间凹进去的菜单


- 底部菜单 仿B站


- 圆圈圈菜单


- 圆圈圈圈菜单


- 抖音、小红书


- 看上去像拉面的菜单
参考图 效果图



更多效果图参考(想练习的童鞋可以实现)









推荐阅读

You might also like...

My first Flutter project - a recipes app, from the book Flutter Apprentice.

recipes My first Flutter project - a recipes app, from the book Flutter Apprentice. Getting Started This project is a starting point for a Flutter app

Dec 28, 2021

Projeto Flutter sendo desenvolvido para a Formação Flutter da plataforma Alura

Projeto Flutter sendo desenvolvido para a Formação Flutter da plataforma Alura

ByteBank / A Flutter Journey Table of Contents About • Features • 📌 About This is a project being developed for a Flutter couse in Alura plataform, s

Oct 25, 2021

Plugins for Flutter maintained by the Flutter team

Flutter plugins This repo is a companion repo to the main flutter repo. It contains the source code for Flutter first-party plugins (i.e., plugins dev

Dec 29, 2022

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter. Need help? Please do not submit an issue for a "

Jan 4, 2023

Stream Feed official Flutter SDK. Build your own feed experience using Dart and Flutter.

Stream Feed official Flutter SDK. Build your own feed experience using Dart and Flutter.

Official Flutter packages for Stream Activity Feeds The official Dart client for Stream Activity Feeds, a service for building activity feed applicati

Sep 26, 2022

Flutter app built as a submission for the 2019 Flutter Create contest

Flutter app built as a submission for the 2019 Flutter Create contest

relax Relax is a Flutter application built for the Flutter Create contest. It gives the user the choice of four nature sounds and rotates through rela

Dec 8, 2022

An end-to-end Flutter app built to get details and trending recipes - made as a part of the book 'Flutter Apprentice' by raywenderlich.com

Fooderlich - Flutter Apprentice An end-to-end Flutter app built to get details and trending recipes - made as a part of the book 'Flutter Apprentice'

Dec 4, 2021

Expenses tracker built with Flutter and Dart making use of Provider, Intl, Syncfusion Flutter Datepicker and more

expense_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

Dec 10, 2022

Flutter Admin Panel Made In Flutter 2.8

Flutter Admin Panel Made In Flutter 2.8

Responsive Admin Panel or Dashboard - Flutter UI Packages we are using: flutter_svg: link google_fonts: link provider: link Fonts Poppins link Respons

Dec 23, 2022
Releases(0.0.1)
Owner
刚烧开的自来水千万不要直接喝 !
null
a project for learning all Flutter Widgets , sync from flutter.dev the officia website.

Flutter Widgets Catalog (WIP) 计划 1、使用Flutter开发一个全平台的Flutter Widgets Catalog APP,并且开源。在这个APP中可以通过图形化的方式查看所有Widgets的介绍,示例,视频教程。 2、所有文档内容由前一天从flutter.dev

ezshine 32 Aug 3, 2022
A low-cost Flutter screen adaptation solution(一个极低成本的 Flutter 屏幕适配方案)

A low-cost Flutter screen adaptation solution(一个极低成本的 Flutter 屏幕适配方案) 100% 还原 UI,只需要按照设计图写的宽高写即可 先看图片,设置的标准宽度是 360 iPhone 8 --------------------------

聂志洋 108 Sep 27, 2022
Flutter 2.0 (Null safety) Basic, Dynamic & Silver style Staggered Grid views made using flutter staggered grid view package. 🦺

Staggered Grid View Developement Stack Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Nakshatra Singh 9 Oct 28, 2022
A Flutter package that makes it easy to customize and work with your Flutter desktop app's system tray.

system_tray A Flutter package that that enables support for system tray menu for desktop flutter apps. on Windows, macOS and Linux. Features: - Modify

AnTler 140 Dec 30, 2022
Email and Password Authentication In Flutter & Firebase in Flutter 2.2

Email and Password Authentication In Flutter & Firebase in Flutter 2.2

BackSlash Flutter 43 Nov 23, 2022
Learn Flutter on Flutter! A widget directory with implementation samples!

Fludget Browse through a variety of widgets used in flutter This application is developed to learn Flutter using Flutter. Different widgets used in fl

ACM VIT 29 Nov 23, 2022
A Flutter package that makes it easy to customize and work with your Flutter desktop app window.

bitsdojo_window A Flutter package that makes it easy to customize and work with your Flutter desktop app window on Windows, macOS and Linux. Watch the

Bits Dojo 606 Dec 27, 2022
DoneIt is a sample note app 📝 Flutter application 📱 built to demonstrate use of Clean Architecture tools. Dedicated to all Flutter Developers with ❤️.

DoneIt ?? DoneIt is a sample note app ?? Flutter application ?? built to demonstrate use of Clean Architecture tools. Dedicated to all Flutter Develop

Shubham Chhimpa 175 Dec 24, 2022
Utility Manager Flutter Application is made with Flutter and Supabase which allows user to add task, set remainder to the task, set color to separate tasks and it allows to add URL with URL's informations.

Utility Manager Flutter Application! Utility Manager Flutter Application is made with Flutter and Supabase which allows user to add task, set remainde

Kathirvel Chandrasekaran 6 Jan 6, 2022