react native의 Tips (메모)
react native의 Tips (메모)
FlatList로 멀티 컬럼을 실현하고 싶다.
속성에 numColumns를 갖게 한다.
example.js<FlatList ref={(ref)=>{this.fList = ref;}} style={styles.listView} numColumns={3} execData={ex} data={ex} keyExtractor={(item, index) => item.ex} renderItem={this._renderItem} />
개인적으로는 아이 요소 style에 flex:1을 갖게 준다면 깨끗해진다고 생각한다.
이런 느낌
react navigation에서 header의 버튼으로 화면 천이하고 싶다.
navigation option 에 navigation 인수를 갖게 한다.
example.jsnavigationOptions: ({ navigation })=>({
header: <View style={{backgroundColor:'#222'}}>
<TouchableOpacity style={{alignSelf: 'flex-start',marginLeft:10,}} onPress={()=>{navigation.goBack()}}>
<Icon color='#FFF' name={'chevron-left'} size={35} />
</TouchableOpacity>
</View>,
})
이하, 수시로 추가해 갑니다.
Reference
이 문제에 관하여(react native의 Tips (메모)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shoichi1023/items/de8a53f9dae968af0d24
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<FlatList ref={(ref)=>{this.fList = ref;}} style={styles.listView} numColumns={3} execData={ex} data={ex} keyExtractor={(item, index) => item.ex} renderItem={this._renderItem} />
navigationOptions: ({ navigation })=>({
header: <View style={{backgroundColor:'#222'}}>
<TouchableOpacity style={{alignSelf: 'flex-start',marginLeft:10,}} onPress={()=>{navigation.goBack()}}>
<Icon color='#FFF' name={'chevron-left'} size={35} />
</TouchableOpacity>
</View>,
})
Reference
이 문제에 관하여(react native의 Tips (메모)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shoichi1023/items/de8a53f9dae968af0d24텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)