使用平面列表时，文本会被推出屏幕，而不是向下推送

Question

>图像我在文本组件中有 4 个单词，我试图只让其中两个显示在每行上，但是当我对文本进行边距以将最后两个推送到下一行时，它们会在屏幕外渲染

renderItem({item}){
return( 
<View>
<Text style={{marginRight: 150}}>
{item.company.toLowerCase()}
</Text>
</View>
)
}    
render(){
return(
<FlatList
style={{width: '100%'}}
contentContainerStyle={styles.container} 
data={this.props.WelcomeReducer}
renderItem={this.renderItem}
keyExtractor={welcome => welcome.id}
/>
)
}
}
const styles = StyleSheet.create({
container:{
flex: 1,
flexDirection: 'row',
justifyContent: 'flex-start',
paddingHorizontal: 15,
paddingVertical: 25
}
})

Answer 1

尝试使用Text组件的numberOfLines和ellipsizeMode道具。

文本组合

Answer 2

>我通过将 numColumns={2} 道具添加到我的平面列表来解决它