css - React Native - 无法在 React-Native-Elements 列表项中按要求均匀分布
问题描述
下面是我的组件,我只想<Text></Text>
均匀地分配内容。注释掉的代码可以按需要工作,但在 react-native-elements 的列表项中却不起作用。有小费吗?谢谢。
import React from 'react';
import { View, Text } from 'react-native';
import { ListItem } from 'react-native-elements';
const MemberList = ({members}) => {
return (
<View>
{
members && members.map((item, i) => (
<ListItem key={i} bottomDivider>
<ListItem.Content>
<View style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between'}}>
<Text>{item.tag}</Text>
<Text>{item.country}</Text>
</View>
</ListItem.Content>
</ListItem>
// <View style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between'}}>
// <Text>{item.t[![enter image description here][1]][1]ag}</Text>
// <Text>{item.country}</Text>
// </View>
))
}
</View>
)
}
export default MemberList;
解决方案
推荐阅读
- c - 如何隐藏鼠标光标并在 gtk3 中设置其位置?
- vue.js - Vue Draggable - 拖放后动态更改组件
- vim - WSL下cmder改变Vim的颜色
- javascript - Safari上的闪烁框架
- c++ - Catch2 - output to console and file
- java - OpenJDK 源代码中的 Java 代码风格或并发问题
- html - Bootstrap 4 导航栏切换器显示菜单项但不展开导航栏
- amazon-web-services - CloudFormation 模板中的 Lambda 资源报告 CodeUri 无效
- flutter - 有没有办法在 Flutter Web 中创建一个永久的侧边栏?
- python - 如何在 scikit 中使用具有半正弦距离的 DistanceMetrix.pairwise()