リストビューUIは見えません。（ネイティブ・ベース）

Question

なぜそれが醜い左の灰色のマージンを示していますか？私は多くの異なるListで試してみましたが、それでもまだ灰色の余白が残っています。これは共通ですか？

私はネイティブ・ベースの文書に従っ：http://docs.nativebase.io/Components.html#list-avatar-headref

import { Container, Content, List, ListItem, Text, Left, Body, Thumbnail } from 'native-base'; 
import { View, AsyncStorage } from 'react-native'; 

... 
render() { 
    return (
    <View style={{flex:1}}> 
     <Content> 
      <List> 
      {this._renderProfile()} 
      <ListItem> 
       <Left> 
       <Text>! Edit Profile</Text> 
       </Left> 
      </ListItem> 
      <ListItem onPress={this._changePassword}> 
       <Left> 
       <Text>Change Password </Text> 
       </Left> 
      </ListItem> 

      <ListItem> 
       <Left> 
       <Text>! Language Setting</Text> 
       </Left> 
      </ListItem> 

      <ListItem onPress={this._showModal}> 
       <Left> 
       <Text>Logout</Text> 
       </Left> 
      </ListItem> 
      </List> 
     </Content> 
     {this._drawModal()} 
     </View> 

p.sは、UIのためのネイティブ・ベースを使用して好きですか？

Answer 1

は、私はこのように使用します。

render() { 
     return (
      <ListItem style={{marginLeft: -15, paddingLeft: 15}}> 
       <Left> 
        <Text>! Language Setting</Text> 
       </Left> 
      </ListItem> 
     ); 
    } 

、あなたはアバターやアイコンを追加する必要があります。 exm：<ListItem icon | avatart />

Answer 2

私はこれを使用していますが、私にとってはうまく動作します。 左側に余白がある場合は、親ファイルをチェックしてください。 私は100％の親の幅が好きです。