React-Native進行時（四）--ListView navigator.push

React-Native進行時（四）--ListView navigator.push

1、使用Nav時必須添加

TouchableHighlight、

NavigatorIOS；

var {  AppRegistry,  StyleSheet,  Text,  View,  NavigatorIOS,  TouchableHighlight,} = React;

使用時nav必須有個rootView，這點iOS基本一致 ，ios使用如下：

- (instancetype)initWithRootViewController:(UIViewController *)rootViewController

react-native使用如下：

<NavigatorIOS style={Style.container}                    tintColor={'#333344'}                    initialRoute={{                      title: '忽悠',                      component: require('./App/Views/Home/Home')                    }}                    itemWrapperStyle={Style.navigator} />

2、push使用這點和iOS不太一樣，iOS使用如下方法就可以實現：

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated

react-native必須使用TouchableHighlight配合，代碼如下：

 <TouchableHighlight onPress={() => this.showDetail(rsustlBody)} >        <View style={styles.container}>          <Image            source={{uri: rsustlBody.OtherInfo.ProductImg}}            style={styles.thumbnail}         />          <View style={styles.rightContainer}>            <Text style={styles.title}>{rsustlBody.Name}</Text>            <Text style={styles.year}>{rsustlBody.BrokerCommissionRate}</Text>          </View>        </View>      </TouchableHighlight>  

使用TouchableHighlight時，裡面必須要有View