iOS端react-native-toast-message报Invalid YGPositionType 'top'错误

这个报错是自定义Toast组件时全量透传props导致的。
react-native-toast-message在渲染自定义配置的Toast组件时，会往组件传入一堆内部控制属性，包括标识弹出位置的top/bottom字段、显隐控制方法等。你在Toaster组件里直接写{...props}把所有属性全铺到SafeAreaView上，React Native会把这些非组件标准属性识别为样式属性，Yoga布局引擎拿到top值后会错把它赋值给position样式字段——而position仅支持absolute、relative、static三个合法值，直接抛出类型非法错误。
你代码里对Android平台直接return null不渲染Toast组件，所以只有iOS环境会触发这个问题。

• 修改Toaster组件的传参逻辑，不要把全量props直接展开到根原生组件上，只解构你实际需要的业务字段即可。参考修改：

// 只取业务用到的text1、text2，如果需要用到hide、onPress等Toast提供的属性，单独解构出来用，不要全量透传
const Toaster: FC<ToastProps> = ({text1, text2}) => {
  return (
    <SafeAreaView
      style={[styles.container]}
      accessibilityRole="alert">
      {text2 && <Text style={styles.emoji}>{text2}</Text>}
      <Typography style={styles.text} variant="h6">
        {text1}
      </Typography>
    </SafeAreaView>
  );
};

• 清缓存重启项目，避免旧缓存干扰：

# 启动Metro时加重置缓存参数
npx react-native start --reset-cache
# 新开终端重新编译运行iOS
npx react-native run-ios

• 校验组件层级：你当前在App.tsx里把ToastContainer放在NavigationContainer内部、和Routes同层级的写法是正确的，不需要调整位置。

后续给自定义Toast加样式直接写在styles.container里就行，不要依赖Toast透传的内部属性控制布局，避免再次出现属性冲突。

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