React-native中Toast消息通知报错 Text strings must be rendered within a component

报错由两个问题共同导致：

• 你在所有Toast.show调用中，传入了空字符串""作为text2参数。react-native-toast-message的默认渲染逻辑没有对空值的text2做兜底处理，会直接将空字符串作为文本节点渲染，没有包裹在<Text>组件内，触发了React Native的强制校验规则，才会出现这个报错。其余页面Toast能正常使用，应该是其他场景要么传了有效的text2内容，要么没有传text2参数。
• 表单校验逻辑缺少中断处理：表单校验不通过调用setError之后，没有加return语句，后续的formData构造、接口请求逻辑仍然会继续执行，存在传入undefined值的潜在风险。

1. 移除所有Toast配置中的空text2参数，修改后示例如下：

Toast.show({
    topOffset: 60,
    type: "success",
    text1: "产品添加成功"
});

你代码里一共有四处Toast调用（编辑成功、编辑失败、新增成功、新增失败），都按上述规则删掉text2: ""这一行即可。
2. 补充表单校验的中断逻辑，修改addProduct方法的校验部分：

if (
    name == "" ||
    brand == "" ||
    price == "" ||
    description == "" ||
    category == "" ||
    countInStock == ""
) {
    setError("请正确填写表单内容")
    // 新增return阻止后续代码执行
    return;
}

• 编辑产品场景下，你已经给category赋值了原有分类ID，但没有同步给pickerValue，会导致进入编辑页时Picker组件不显示当前选中的分类，可在useEffect的编辑初始化逻辑中补充setPickerValue(props.route.params.item.category._id)即可修复。
• 新增逻辑中建议补充图片非空校验，避免未选择图片时拼接newImageUri出现异常。

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