React-native: FlatList öğelerini sarmak

Question

Bir sorgu tarafından döndürülen Terimler listesi var. Her biri tek kelimedir. Şu anda FlatList'im her kelimeyi aynı satırdaki bir düğmeye dönüştürüyor (horizontal = {true}) Düğmelerin normal metin gibi sarılmasını istiyorum. Ama kesinlikle sütun özelliğini kullanmak istemiyorum, çünkü bu doğal görünmeyecekti. Bu muhtemelen FlatList için kötü bir kullanım durumu mu? Kullanabileceğim başka bileşenler var mı? Ben ele verdik diğerleri arasında

const styles = StyleSheet.create({ 
    flatlist: { 
    flexWrap: 'wrap' 
    }, 
    content: { 
    alignItems: 'flex-start' 
    }}) 

render() { 

    return (
     <Content> 
     <Header searchBar rounded iosStatusbar="light-content" androidStatusBarColor='#000'> 
      <Item> 
      <Icon name="ios-search" /> 
      <Input onChangeText={(text) => this.setState({searchTerm: text})} value={this.state.searchTerm} placeholder="enter word"/> 
      <Icon name="ios-people" /> 

      <Button transparent onPress={this._executeSearch}> 
      <Text>Search</Text> 
      </Button> 
      </Item> 
     </Header> 

     <FlatList style={styles.flatlist} contentContainerStyle={styles.content} 
      horizontal={true} data={this.state.dataSource} renderItem={({item}) => 
        <Button> 
        <Text>{item.key}</Text> 
        </Button> 

       }> 
     </FlatList> 
     </Content> 

    ); 
    } 

bir hata iletisi şudur:

Uyarı: flexWrap: wrap`` VirtualizedList components.Consider yerine FlatList ile numColumns kullanılarak desteklenmez. Ben bileşenlerini tamamlamayı başardı nasıl

Answer 1

bu

numColumns={3} 

Answer 2

sahne

flatlist: { 
    flexDirection: 'column', 
}, 

altında ve katma benim FlatList bileşeninde Maalesef flexWrap FlatLists gerçekten de desteklenmeyen gibiydi. Bu efekti oluşturmak için bir FlatList yerine ScrollView kullanmanız önerilir. Sorun şu: https://github.com/facebook/react-native/issues/13939