gitAPP项目底部导航菜单开发

cnpm install react-native-tab-navigator --save

下载依赖

引入import TabNavigator from 'react-native-tab-navigator';

<Image style={[styles.image,{tintColor:'yellow'}]}

设置图片颜色

<TabNavigator.Item
    selected={this.state.selectedTab === 'tab_popular'}
    title="最热"
    titleStyle={styles.tabText}
    selectedTitleStyle={{color:'green'}}//选择时的颜色
    renderIcon={() => <Image style={styles.image} source={require('./ic_favorite.png')} />}
    renderSelectedIcon={() => <Image style={[styles.image,{tintColor:'green'}]} source={require('./res/images/ic_favorite.png')} />}
    onPress={() => this.setState({ selectedTab: 'tab_popular' })}>
    <View style={styles.page1}><Text>11111</Text></View>
</TabNavigator.Item>