SimformSolutionsPvtLtd / Sscustombottomnavigation
Licence: apache-2.0
Animated tabbar with native control
Stars: ✭ 98
Programming Languages
kotlin
9241 projects
Projects that are alternatives of or similar to Sscustombottomnavigation
KBCustomCenterTabbar
利用系统的tabbar定义类似于掌上生活的中间按钮凸起的tabbar, 实现起来简单, 代码简便,, 希望能帮到你
Stars: ✭ 42 (-57.14%)
Mutual labels: tabbar
Foldingtabbar.android
[DEPRECATED] Folding Tabbar menu for Android. This is a menu library.You can easily add a nice animated tab menu to your app.
Stars: ✭ 486 (+395.92%)
Mutual labels: tabbar
Tap water
【声明:未发布前,勿使用,勿star,预计2020年11月底发布】Flutter tab_bar组件,支持中间带加号按钮的TabBar,支持Lottie动画。iTeaTime(技术清谈)团队出品。Highly customizable tabBar and tabBarController for Flutter
Stars: ✭ 52 (-46.94%)
Mutual labels: tabbar
Lctabbarcontroller
A amazing and highly customized tabBarController! You could almost customize 100% properties with LCTabBarController!
Stars: ✭ 384 (+291.84%)
Mutual labels: tabbar
React Native Tab View
A cross-platform Tab View component for React Native
Stars: ✭ 4,742 (+4738.78%)
Mutual labels: tabbar
Cyltabbarcontroller
[EN]It is an iOS UI module library for adding animation to iOS tabbar items and icons with Lottie, and adding a bigger center UITabBar Item. [CN]【中国特色 TabBar】一行代码实现 Lottie 动画TabBar,支持中间带+号的TabBar样式,自带红点角标,支持动态刷新。【iOS13 & Dark Mode & iPhone XS MAX supported】
Stars: ✭ 6,605 (+6639.8%)
Mutual labels: tabbar
flutter appbar
根据动画写一个带背景图片的TabBar,TabBar分隔符,NestedScrollView+TabBar折叠头部
Stars: ✭ 50 (-48.98%)
Mutual labels: tabbar
Fwsidemenu
侧滑控件:支持左、右滑动的侧滑菜单,可配置单侧滑动,同时可配置菜单宽度等,更多配置请参考”可设置参数“。参考了QQ用户体验:支持边缘侧滑,解决手势冲突问题(边缘范围可设置)。提供OC使用Demo。
Stars: ✭ 90 (-8.16%)
Mutual labels: tabbar
Estabbarcontroller
ESTabBarController is developed and maintained by Vincent Li. If you have any questions or issues in using ESTabBarController, welcome to issue.
If you want to contribute to ESTabBarController, Please submit Pull Request, I will deal with it as soon as possible.
Stars: ✭ 4,649 (+4643.88%)
Mutual labels: tabbar
React Native Tabbar Interaction
Tabbar Component For React-Native
Stars: ✭ 457 (+366.33%)
Mutual labels: tabbar
React Native Animated Tabbar
A 60FPS animated tab bar with a variety of cool animation presets 😎
Stars: ✭ 890 (+808.16%)
Mutual labels: tabbar
Foldingtabbar.ios
Folding Tab Bar and Tab Bar Controller
Stars: ✭ 3,677 (+3652.04%)
Mutual labels: tabbar
FluidBottomNavigation-rn
Animated Tab Bar Component for React Native
Stars: ✭ 179 (+82.65%)
Mutual labels: tabbar
Transitionabletab
TransitionableTab makes it easy to animate when switching between tab.
Stars: ✭ 740 (+655.1%)
Mutual labels: tabbar
Dgfloldabletabbarcontrol
An elegant foldable tabbar control.
Stars: ✭ 91 (-7.14%)
Mutual labels: tabbar
Rn Collapsing Tab Bar
Collapsing header with tabs for react native
Stars: ✭ 71 (-27.55%)
Mutual labels: tabbar
Swipeabletabbarcontroller
UITabBarController with swipe interaction between its tabs.
Stars: ✭ 919 (+837.76%)
Mutual labels: tabbar
SSCustomBottomNavigation
Getting Started
SSCustomBottomNavigation is a customizable bottom bar library with curved animations.
The actual features are:
- Bottom Bar which have customizable text, color, background, icon.
- Animated wave with customizable height
Demo
Gradle Dependency
-
Add it in your root build.gradle at the end of repositories:
allprojects { repositories { ... maven { url 'https://jitpack.io' } } }
-
Add the dependency in your app's build.gradle file
dependencies { implementation 'com.github.simformsolutions:SSCustomBottomNavigation:1.0' }
All Attributes
Attribute | Description | Default |
---|---|---|
app:ss_defaultIconColor |
Set Default Icon Color | #757575 |
app:ss_selectedIconColor |
Set Selected Icon Color | #00C957 |
app:ss_iconTextColor |
Set Bottom Bar Text Color | #003F87 |
app:ss_iconTextTypeface |
Set Bottom Bar Fonts | #none |
app:ss_selectedIconTextColor |
Set Bottom Bar Selected Text Color | #003F87 |
app:ss_iconTextSize |
Set Bottom Bar Text size | 10sp |
app:ss_waveHeight |
Set Wave Height | 7 |
app:ss_backgroundBottomColor |
Set Background Color for Bottom Bar | #FF5733 |
app:ss_countBackgroundColor |
Set Background Color for Notification Badge | #ff0000 |
app:ss_countTextColor |
Set Notification Badge text Color | #9281c1 |
app:ss_countTypeface |
Set Font for Notification Badge | none |
app:ss_rippleColor |
Set Ripple Color | #757575 |
app:ss_shadowColor |
Set Bottom Bar Shadow Color | shadowColor |
Customization
Usage
<com.simform.custombottomnavigation.SSCustomBottomNavigation
android:id="@+id/bottomNavigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:ss_backgroundBottomColor="#ffffff"
app:ss_circleColor="#ff6f00"
app:ss_waveHeight="7"
app:ss_countBackgroundColor="#ff6f00"
app:ss_countTextColor="#ffffff"
app:ss_countTypeface="fonts/graphik_semibold.ttf"
app:ss_defaultIconColor="#6200EE"
app:ss_iconTextColor="#6200EE"
app:ss_iconTextTypeface="fonts/graphik_semibold.ttf"
app:ss_rippleColor="#2f424242"
app:ss_iconTextSize="14sp"
app:ss_selectedIconColor="#ff6f00"
app:ss_selectedIconTextColor="#ff6f00"
app:ss_shadowColor="#1f212121" />
Credits
- This library was inspired by Meow Bottom Navigation
Find this library useful? ❤️
Support it by joining stargazers for this repository. ⭐️
iOS Library.
- Check our iOS Library also on Github
License
Copyright 2020 Simform Solutions
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].