reactjs - 如何在 React Native 中每个项目旁边呈现的文本旁边添加一个按钮？

Question

我正在尝试添加一个将在每个列表项旁边呈现的按钮，但我正在努力解决如何做到这一点。

 return (

  <View>

  <Text style={styles.Blue}>My List</Text>

    <FlatList
    data={this.state.ListData}
    renderItem={({item}) =>


    <Text style={styles.myText}>{item.item_name}</Text>}

    keyExtractor={({id},index) => id}


    />

  </View>

  );

标签： reactjsreact-nativeandroid-studio

Answer 1

尝试添加如下，希望这会有所帮助。随时怀疑

<FlatList
        data={this.state.ListData}
        renderItem={({item}) =>{
    return(
    <>
     <Text style={styles.myText}>{item.item_name}</Text>
    <TouchableOpacity onPress={this.buttonPress}><Text>Button</Text></TouchableOpacity>
    </>
    )
    }


       }

        keyExtractor={({id},index) => id}


        />