react-native-elements库使用

官方文档是这个： https://reactnativeelements.com/docs/installation
里面有相对来说比较丰富的ui组件

安装

yarn add @rneui/themed @rneui/base
# 还需要安装其依赖插件, 如果已安装过，则跳过
yarn add react-native-vector-icons
yarn add react-native-safe-area-context

使用

import {Input} from '@rneui/themed';
// https://reactnativeelements.com/docs/ FontAwesome 图标
import Icon from 'react-native-vector-icons/dist/FontAwesome';
import {px2dp} from '../utils/screenKits';
<Input
  placeholder="输入手机号码"
  maxLength={11}
  keyboardType="phone-pad"
  value={phoneNum}
  inputStyle={{color: '#333'}}
  onChangeText={this.phoneNumChange}
  errorMessage={errMsg}
  onSubmitEditing={this.completeInput}
  leftIcon={{
    type: 'font-awesome',
    name: 'phone',
    color: '#ccc',
    size: px2dp(20),
  }}
/>