1. onPress={(i) => {this._selectedItem(i)
// Object.keys: 返回一个给定对象的可枚举属性的数组
{List.map((item, i) => {
return (
<RNButton key={i} onPress={() => {this._selectedItem(i)}}>
<View style={styles.typeItem}>
<Text numberOfLines={2} style={{fontSize: 14, color: '#666'}}>{item}</Text>
</View>
</RNButton>
);
})}
注意: 这种写法是错误的,前面的括号内并没有并没有i
,
onPress={(i) => {this._selectedItem(i)}}
// 下面这样写就行:
onPress={this._selectedItem(i)}
2. Image的resizeMode属性
决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小。
- cover:在保持图片宽高比的前提下缩放图片,直到宽度和高度都大于等于容器视图的尺寸。这样图片完全覆盖甚至超出容器,容器中不留任何空白。
- contain:在保持图片宽高比的前提下缩放图片,直到宽度和高度都小于等于容器视图的尺寸。这样图片完全被包裹在容器中,容器中可能留有空白。
- stretch:拉伸图片且不维持宽高比,直到宽高都刚好填满容器。
- repeat:重复平铺图片直到填满容器。图片会维持原始尺寸,但是当尺寸超过容器时会在保持宽高比的前提下缩放到能被容器包裹。
- center:居中不拉伸
3. Image的blurRadius属性
blurRadius(模糊半径):为图片添加一个指定半径的模糊滤镜