react-native学习中的错误记录

1.

render: function() {
  var navigationView = (
    <View style={{flex: 1, backgroundColor: '#fff'}}>
      <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>I'm in the Drawer!</Text>
    </View>
  );
  return (
    <View>
        <DrawerLayoutAndroid
          drawerWidth={300}
          drawerPosition={DrawerLayoutAndroid.positions.Left}
          renderNavigationView={() => navigationView}>
          <View style={{flex: 1, alignItems: 'center'}}>
            <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>Hello</Text>
            <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>World!</Text>
          </View>
        </DrawerLayoutAndroid>
    </View>
  );
},

不能够真确的执行，原因：去掉render（）中最外层的<View></View>

执行结果：

2.
抽屉组件DrawerLayoutAndroid 中，如下图

第二条语句会覆盖第一条语句，不会出现想象中，左右两边都能呼出抽屉的情况

3.Picker组件

<Picker
       selectedValue={this.state.language}
       mode={'dropdown'}
       style={{borderWidth:1}}
       onValueChange={(lang) => this.setState({language:lang})}>
       <Picker.Item label="Java" value="Java"/>
       <Picker.Item label="JavaScript" value="js"/>
</Picker>

注意：this.state.language指的是<Picker.Item>中的value值。另外一个需要注意的是，Picker组件的属性（selectedValue,mode,style等），必须写在onValue属性的前面。