reactjs - 如何通过单击图标警报（“确定”）来响应本机按钮

Question

如何通过单击图标警报（“确定”）来响应本机按钮，我想放置点三垂直谢谢...

export default [
  {
    _id: '1001',
    name: 'Weeks',
    one: 'Monday',
    two: 'Tuesday',
    three: 'Wednesday',
    four: 'Thursday',
    five: 'Friday',
    six: 'Saturday',
    seven: 'Sunday',
  },

export default (props) => {
  const {object} = props.route.params;
  const {textContainer} = styles;

  return (
    <ScrollView>
      {Object.keys(object)
        .filter(
          (item) =>
            item !== '_id' &&
            item !== 'name' &&
        )
        .map((children) => (
          <Text key={children} style={textContainer}>
            {object[children]}
          </Text>
        ))}
    </ScrollView>
  );
};

看这里的图片 点三垂直图标示例

标签： reactjsreact-nativeexporeact-icons

Answer 1

Thank you so much;

<ScrollView>
      {Object.keys(object)
        .filter(
          (item) =>
            item !== '_id' &&
            item !== 'name' &&
        )
        .map((children) => (
        <View style={styles.listItem}>
        <Text key={children} style={textContainer}>
            {object[children]}
          </Text>
          
          <SimpleLineIcons name="options-vertical" size={24} color="red" />
        </View>
          
        ))}
    </ScrollView>
    
    
    const styles = StyleSheet.create({
    listItem : {
    padding : 10,
    flexDirection : "row",
    justifyContent : "space-between",
    alignItems : "center"
    }
    })