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>
        );
    }