React Native 0.61.5中使用ToolbarAndroid触发Invariant Violation错误求助

嘿，我来帮你搞定这个问题！你遇到的Invariant Violation错误是有明确原因的：

从React Native 0.60版本开始，官方已经把ToolbarAndroid从核心库中移除，转由社区维护的包@react-native-community/toolbar-android来提供这个组件。你现在直接从react-native导入它，自然会找不到这个组件，触发错误。

解决方案步骤： #

• 首先安装社区维护的ToolbarAndroid包：

  npm install @react-native-community/toolbar-android --save
  # 如果你用yarn的话：
  yarn add @react-native-community/toolbar-android
  

• 替换你的导入语句：
  把原来的：

  import { View, StyleSheet, Image, TouchableOpacity, ToolbarAndroid } from 'react-native';
  

  改成：

  import { View, StyleSheet, Image, TouchableOpacity } from 'react-native';
  import ToolbarAndroid from '@react-native-community/toolbar-android';
  

• 你的组件渲染代码不需要改动，因为社区包的API和原核心库的ToolbarAndroid基本完全一致，保持原来的用法就行：

  <ToolbarAndroid style={styles.toolbar} title="test" />
  

做完这些之后，重启你的React Native项目（比如执行react-native run-android），应该就能正常渲染工具栏，不会再触发那个错误啦。

内容的提问来源于stack exchange，提问作者Moralde-Sama