NativeScript BottomBar
��
��
����
NativeScript plugin for BottomNavigationView and UITabBar.
PS: To have a material design on iOS too, free to use the plugin nativescript-bottom-navigation
No third libraries are used in this plugin, wich means this plugin is lightweight because only javascript files will be added to your app.
| iOS | Android |
|---|---|
Installation
tns plugin add nativescript-bottombar@next
Usage
Common Usage
Icons
The properties icon and checkedIcon supports the following path formats:
~/: relative path to the app folderres://: icons must be in the App_Resources folder as follow
| iOS | Android |
|---|---|
Ripple effect color on Android
To change the color of the ripple effect when an item is tapped, please add the following item to your AppTheme inside your App_Resources > Android > src > main > res > values > styles.xml file with the desired color resource.
<!-- Application theme -->
<style name="AppTheme" parent="AppThemeBase">
<item name="colorControlHighlight">@color/ns_accent</item>
</style>
Android support
You will need Support Library APIs v28 installed on your developer machine to be able to successfully use this plugin. If you already use the latest {N} version 5.0, you should be good to go.
More details
TODO
- Allow to hide/show the
BottomBar - Expose more
BottomBarItemcustomisation (font, position, etc..) - Expose selection indicator on
iOS - Implement more
unittests ande2etests
-
NativeScript 可以使用 Javascript，CSS, XML 创建真正的 Native 跨平台应用，支持 iOS Android，NativeScript 将您的跨平台代码翻译成目标平台的代码。 UI 使用 XML 描述，CSS 样式，在编译时将 UI 转化成本地原生代码,最终得到正在的 Native 原生应用。 Telerik 公开了用于创建安卓、iOS和Windows Unive
-
NativeScript Command-Line Interface The NativeScript CLI lets you create, build, and deploy NativeScript-based apps on iOS and Android devices. Get it using: npm install -g nativescript What is Native
-
NativeScript-Snackbar �� �� �� NativeScript plugin for Material Design SnackBar component. Installation: NativeScript 7+:tns plugin add @nstudio/nativescript-snackbar NativeScript version prior to 7:t
-
Nativescript-Ripple This plugin aims to bring a native (or close to native) ripple implementation on Android and iOS. The android version uses a RippleDrawable and conserves the previous background, a
-
NativeScript-FloatingActionButton NativeScript plugin for Material Design Floating Action Button UI component. Installation Nativescript 7+: ns plugin add @nstudio/nativescript-floatingactionbutton Na
-
NativeScript CardView A NativeScript plugin to provide an XML widget to implement the Material Design CardView component. Installation NativeScript 7+: ns plugin add @nstudio/nativescript-cardview Nat
-
This project has moved: This project is now being maintained here: https://github.com/nativescript-community/ui-mapboxas it's become clear contrary to what I thought, I don't actually have enough time
-
Nativescript Hijri plugin This plugin is inspired by https://github.com/arabiaweather/hijri-date Nativescript-hijri Hijri plugin allow you to convert gregorian date to islamic hijri date. Installation