RN 组件在导出时,命名首字母必须大写,不然报错
例如:
import React from 'react';import { ViewProps, TouchableOpacity, TextInput, View, Dimensions, Image} from 'react-native';const {width: viewportWidth, height: viewportHeight} = Dimensions.get('window');const singleImg = () => {return(<View><Imagestyle={{ height: 20, width: viewportWidth}}resizeMode='cover'source={{uri: 'https://shop.leyuyouxiang.com/uploads/2020102823235983d782442.jpg'}}/></View>)}export default singleImg
默认导出了 singleImg ,当引入这个组件时, 就会报错
编译之后,报错信息如下:
Invariant Violation:View config getter callback for component `singleImg` must be afunction (received `undefined`).Make sure to start component names with a capital letter.
解决办法就是把默认导出的 singleImg 改成 SingleImg 就可以了
