在 flatlist 中设置数组在 react native 中渲染

Question

您好，我想为发布设置一个数组。虽然我已经设置了在 Flatlist 中显示的 Array 现在我必须发布 .这是我的代码

 <FlatList
          data={this.state.data}
          showsVerticalScrollIndicator={false}
          renderItem={({ item }) => (
            <View
               <Text
                style={{
                  flex: 2,
                  fontSize: 15,
                  // fontFamily: "Roboto",
                  // justifyContent: "space-between",
                  width: 150
                }}
              >

                {item.rollno}
                --
                {item.name}
              <RadioForm
                animation={true}
                buttonColor={"#C2E3A9"}
                formHorizontal={true}
                labelHorizontal={true}
                buttonStyle={{ marginRight: 20 }}
                radioStyle={{ paddingRight: 20 }}
                //  labelHorizontal={false}
                style={{
                  flex: 1,
                  paddingRight: 20,
                  flexDirection: "row",
                  //padding: 10,
                  width: 30
                }}
                radio_props={radio_props}
                initial={this.state.value}
                onPress={value => {
                  this.setState({ value: value });
                }}
                ItemSeparatorComponent={this.renderSeparator}

我想要如何设置数组，因为我想要发布。我想要这样 [在此处输入链接描述][1]

[1]：http://jsfiddle.net/jensbits/MWSeg/。我该怎么做。

Answer 1

你只需要做两件事就可以在 flatlist 数组中添加新的帖子值

1 以状态推送已发布的数据并重新渲染

this.state.data.push(newPost) // push data
this.setState({ }) // update state for re-render  

2 更新 flatList

   extraData={this.state}
    //for example
   <FlatList
     data={this.state.data}
     extraData={this.state}     
     renderItem={({ item }) => (
     <View
     //Your stuff
    </View>
</FlatList>