1. 程式人生 > >react native android使用react-native-tab-navigator來做底部導航tabbar(2)一個坑:navigator

react native android使用react-native-tab-navigator來做底部導航tabbar(2)一個坑:navigator

navigator是用來實現介面跳轉的,這個資料網上很多,就不多說了,但是我在TabNavigator的子頁面裡碰到一個大坑,發現無法在子頁面中獲取到navigator,用

        this.props.navigator.push({name:"login"});

的方法來跳轉,一直報錯:undefined is not an object (evaluating ‘this.props.navigator.push’)
經過一番辛苦的goole,終於找到了解決方法,原來是要在那個字頁面節點上新增 navigator={this.props.navigator} 這個, 如:

<TabNavigator.Item
                        selected={this.state.selectedTab === '首頁'}
                        title="首頁"
                        titleStyle={styles.tabText}
                        selectedTitleStyle={styles.selectedTabText}
                        renderIcon={() => <Image style={styles.icon} source={require
("/images/ic_home_normal.png")} />} renderSelectedIcon={() => <Image style={styles.icon} source={require("/images/ic_home_checked.png")} />} onPress={() => this.setState({ selectedTab: '首頁' })}> <HomeComponent navigator={this
.props.navigator}/> </TabNavigator.Item>