小编use*_*599的帖子

嗨,我是React Native的新手.

我正在尝试创建两个列布局与空间beetween使用反应本机组件称为flatList.

这是我的观点代码:

<View style={styles.container}>
        <FlatList
            data={db}
            keyExtractor={ (item, index) => item.id }
            numColumns={2}
            renderItem={
                ({item}) => (
                    <TouchableWithoutFeedback  onPress ={() => showItemDetails(item.id)}>
                        <View style={styles.listItem}>
                            <Text style={styles.title}>{item.name}</Text>
                            <Image
                                style={styles.image}
                                source={{uri: item.image}}
                            />
                            <Text style={styles.price}>{item.price} z?</Text>
                        </View>
                    </TouchableWithoutFeedback>
                )
            }
        />
    </View>

这是样式:

container: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    padding: 10,
    marginBottom: 40
},
listItem: {
    maxWidth: Dimensions.get('window').width /2,
    flex:0.5,
    backgroundColor: '#fff',
    marginBottom: 10,
    borderRadius: 4,
},

结果是两列但两者之间没有空格.你能帮我解决这个问题吗？

我正在开发一个基于Wordpress WooCommerce的商店。我使用ajax进行数据调用。但是我正在通过wp-admin / admin-ajax.php在function.php文件中使用自己的函数进行操作。

昨天我在woocommerce类WC_AJAX中找到了。我的问题是如何启用该类中的事件，以及如何从js中调用它们。