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.js
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>,
         })


이하, 수시로 추가해 갑니다.

좋은 웹페이지 즐겨찾기