React Native View组件调用报错：children属性不存在(ts2769)

错误信息 #

(alias) class View
import View
No overload matches this call.
  Overload 1 of 2, '(props: ViewProps | Readonly<ViewProps>): View', gave the following error.
    Type '{ children: Element[]; style: { flexDirection: "row"; alignItems: "center"; marginTop: number; }; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.
      Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.
  Overload 2 of 2, '(props: ViewProps, context: any): View', gave the following error.
    Type '{ children: Element[]; style: { flexDirection: "row"; alignItems: "center"; marginTop: number; }; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.
      Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.ts(2769)

相关代码 #

<View style={styles.createPostContainer}>
  <View style={styles.addPostButtonContainer}>
    <TouchableOpacity
      data-elementId="button_next"
      onPress={this.discordChanges}
    >
      <Image
        data-elementId="image_Back"
        style={[DS ? styles.image_BackImage_5inch : styles.image_BackImage]}
        source={back}
      />
    </TouchableOpacity>
  </View>
  <Text
    data-elementId="textlabel_Payments"
    style={[DS ? styles.textlabel_PaymentsText_5inch : styles.textlabel_PaymentsText]}
  >
    Create Post
  </Text>
</View>

项目环境信息 #

npx react-native info
info Fetching system and libraries information...
System:
    OS: macOS 13.0.1
    CPU: (8) arm64 Apple M1
    Memory: 199.59 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.9.1 - /opt/homebrew/bin/node
    Yarn: 1.22.18 - /opt/homebrew/bin/yarn
    npm: 8.19.1 - /opt/homebrew/bin/npm
    Watchman: 2022.09.19.00 - /opt/homebrew/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 16.0, macOS 12.3, tvOS 16.0, watchOS 9.0
  IDEs:
    Android Studio: 2021.3 AI-213.7172.25.2113.9014738
    Xcode: 14.0/14A309 - /usr/bin/xcodebuild
  npmPackages:
    @react-native-community/cli: ^9.1.1 => 9.1.3 
    react-native: file:./packages/blocks/core/node_modules/react-native => 0.61.3 
  npmGlobalPackages:
    react-native: 0.70.1

已尝试的解决方法 #

• 降低TypeScript版本，问题仍未解决

无法理解该错误的产生原因，查阅相关问题后也未能找到解决方案，希望有人能帮忙解决此问题。

内容的提问来源于stack exchange，提问作者Vishnu Vardhan