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>
<Image
style={{ 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 a
function (received `undefined`).
Make sure to start component names with a capital letter.
解决办法就是把默认导出的 singleImg
改成 SingleImg
就可以了