Reactjs 如何在react native中呈现两列中的项?
我在react native方面的技能是基本的,所以我想在两列中呈现项目,我正在使用这个库 返回Reactjs 如何在react native中呈现两列中的项?,reactjs,react-native,react-native-android,react-native-ios,Reactjs,React Native,React Native Android,React Native Ios,我在react native方面的技能是基本的,所以我想在两列中呈现项目,我正在使用这个库 返回 return ( <Grid> <Col><FlatList data={ this.state.dataSource } refreshing="false" renderItem={({item}) => <TouchableOpacity activeOpacity={1}>
return (
<Grid>
<Col><FlatList
data={ this.state.dataSource }
refreshing="false"
renderItem={({item}) =>
<TouchableOpacity activeOpacity={1}>
<ImageBackground source={{uri: ConfigApp.IMAGESFOLDER+item.post_image}} style={styles.background_card}>
<LinearGradient colors={['rgba(0,0,0,0.6)', 'rgba(0,0,0,0.9)']} style={styles.gradient_card}>
<Text style={styles.category_card}>{item.category}</Text>
<Text style={styles.title_card}>{item.post_title}</Text>
<Text style={styles.subcategory_card}>{item.date}</Text>
</LinearGradient>
</ImageBackground>
</TouchableOpacity>
}
keyExtractor={(item, index) => index}
/>
</Col>
</Grid>
);
返回(
{item.category}
{item.post_title}
{item.date}
}
keyExtractor={(项,索引)=>index}
/>
);
由于已经支持,因此您可以
示例
const data = [1,2,3,4]
<FlatList
data={data}
numColumns={2}
renderItem={(item) => <View style={{flex: 1, height: 200, margin: 5, backgroundColor: 'red'}}/>} // Adding some margin
/>
const data=[1,2,3,4]
}//添加一些边距
/>
由于已经支持,因此您可以
示例
const data = [1,2,3,4]
<FlatList
data={data}
numColumns={2}
renderItem={(item) => <View style={{flex: 1, height: 200, margin: 5, backgroundColor: 'red'}}/>} // Adding some margin
/>
const data=[1,2,3,4]
}//添加一些边距
/>
但如果列表应该在滚动视图中,则不能使用平面列表…但是如果列表应该在滚动视图中,则不能使用平面列表。。。