Reactjs ListView用户界面没有';看起来不像预期的那样。(本机基数)
为什么它显示丑陋的左灰色边缘?我尝试了许多不同的列表,但它仍然打印左灰边。这是常见的吗 我遵循本机基本文档:Reactjs ListView用户界面没有';看起来不像预期的那样。(本机基数),reactjs,user-interface,react-native,native-base,Reactjs,User Interface,React Native,Native Base,为什么它显示丑陋的左灰色边缘?我尝试了许多不同的列表,但它仍然打印左灰边。这是常见的吗 我遵循本机基本文档: 从'native base'导入{容器、内容、列表、列表项、文本、左侧、正文、缩略图}; 从“react native”导入{View,AsyncStorage}; ... render(){ 返回( {this.\u renderProfile()} !编辑配置文件 修改密码 !语言设置 注销 {this.\u drawModal()} p、 您喜欢在UI中使用本机Base吗?我使用
从'native base'导入{容器、内容、列表、列表项、文本、左侧、正文、缩略图};
从“react native”导入{View,AsyncStorage};
...
render(){
返回(
{this.\u renderProfile()}
!编辑配置文件
修改密码
!语言设置
注销
{this.\u drawModal()}
p、 您喜欢在UI中使用本机Base吗?我使用的方式如下:
render() {
return (
<ListItem style={{marginLeft: -15, paddingLeft: 15}}>
<Left>
<Text>! Language Setting</Text>
</Left>
</ListItem>
);
}
render(){
返回(
!语言设置
);
}
你应该添加头像或图标。exm:
我用过这个,但对我来说效果很好。
我认为你们应该检查你们的父文件,看左边是否有空白。
所以我更喜欢100%的父宽度。这不是答案,而是注释。或者对你的意思做更多解释。我检查了我的父文件,但实际上这是附在根上的,所以你的答案不算这个问题!谢谢!太好了!它起作用了!你是如何为marginLeft和paddingLeft找到-15和15的?是
15
w在每台手机上工作吗?还有15个空间可以跨平台。这个方法工作正常。我也在使用。
render() {
return (
<ListItem style={{marginLeft: -15, paddingLeft: 15}}>
<Left>
<Text>! Language Setting</Text>
</Left>
</ListItem>
);
}