RN 组件在导出时,命名首字母必须大写,不然报错

例如:

  1. import React from 'react';
  2. import { ViewProps, TouchableOpacity, TextInput, View, Dimensions, Image} from 'react-native';
  3. const {width: viewportWidth, height: viewportHeight} = Dimensions.get('window');
  4. const singleImg = () => {
  5. return(
  6. <View>
  7. <Image
  8. style={{ height: 20, width: viewportWidth}}
  9. resizeMode='cover'
  10. source={{uri: 'https://shop.leyuyouxiang.com/uploads/2020102823235983d782442.jpg'}}
  11. />
  12. </View>
  13. )
  14. }
  15. export default singleImg

默认导出了 singleImg ,当引入这个组件时, 就会报错
编译之后,报错信息如下:

  1. Invariant Violation:
  2. View config getter callback for component `singleImg` must be a
  3. function (received `undefined`).
  4. Make sure to start component names with a capital letter.

解决办法就是把默认导出的 singleImg 改成 SingleImg 就可以了