React-native TabBarIOS示例Demo

首先要导入TabBarIOS控件

在render方法中渲染底部TabBarIOS


React-native TabBarIOS示例Demo_第1张图片
设置第一个Item,systemIcon为系统的样式,title为自定义样式,自定义和系统只能用一种




React-native TabBarIOS示例Demo_第2张图片
设置第二块第三块Item,其中此为页面内容
React-native TabBarIOS示例Demo_第3张图片
Item选择之间的页面切换
React-native TabBarIOS示例Demo_第4张图片
第一个Item管理的页面
React-native TabBarIOS示例Demo_第5张图片
第二个Item管理的页面
自定义的title='首页'属性显示出来的Item效果,badge='3'消息为3
systemIcon='bookmarks'效果

你可能感兴趣的:(React-native TabBarIOS示例Demo)