javascript - React Naitve Element Input 左图标移位？

Question

我在一个世博项目中使用反应原生输入元素和字体真棒。这是我的代码片段，

import { Input, Text } from 'react-native-elements';
import Icon from 'react-native-vector-icons/FontAwesome';


<Input autoFocus
              ref={(input) => { this.email = input; }}
              placeholder='Name'
              leftIcon={{ type: 'font-awesome', name: 'hospital-o'}}
              onChangeText={(text)=>this.handleChangeText({name:text})}
              value={this.state.name}
              name="name"
            />

但是，左侧图标在 Android 中的输入元素内被一个小边距所取代。附上屏幕截图（粉色线表示位移），

任何帮助将不胜感激。

标签： javascriptreact-nativeinput

Answer 1

我建议leftIconContainerStyle在它变成 <

<Input autoFocus
              ref={(input) => { this.email = input; }}
              placeholder='Name'
              leftIcon={{ type: 'font-awesome', name: 'hospital-o'}}
              onChangeText={(text)=>this.handleChangeText({name:text})}
              value={this.state.name}
              leftIconContainerStyle = {{marginLeft:-20}}
              name="name"
            />

试一次，如果有任何疑问，请告诉我