TabBarIOS。。。android的哭了喂

Question

TabBarIOS。。。android的哭了喂

Answer 1

vczero_ 2016-10-25 12:18:13

老男孩326很赞，react-native-tab-navigator可以使用。最近也有同学微信看看能否从源码角度支持下，我看了react-native-tab-navigator这个组件还可以。

Answer 2

老男孩326 2016-10-09 14:45:21

TabBarIOS

只支持ios的 

这边有个通用的写法

1. npm install react-native-tab-navigator --save

2. import TabNavigator from 'react-native-tab-navigator';

3. <TabNavigator>

4.   <TabNavigator.Item

5.     selected={this.state.selectedTab === 'home'}

6.     title="Home"

7.     renderIcon={() => <Image source={...} />}

8.     renderSelectedIcon={() => <Image source={...} />}

9.     badgeText="1"

10.     onPress={() => this.setState({ selectedTab: 'home' })}>

11.     {homeView}

12.   </TabNavigator.Item>

13.   <TabNavigator.Item

14.     selected={this.state.selectedTab === 'profile'}

15.     title="Profile"

16.     renderIcon={() => <Image source={...} />}

17.     renderSelectedIcon={() => <Image source={...} />}

18.     renderBadge={() => <CustomBadgeView />}

19.     onPress={() => this.setState({ selectedTab: 'profile' })}>

20.     {profileView}

21.   </TabNavigator.Item>

22. </TabNavigator>

• 提问者 QuoVadis #1

  这个模块还挺贴切TabBarIOS的写法。。我用了react-native-scrollable-tab-view，懒得改了=_,=