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属性的前面。