首页 > 解决方案 > ActionBar上的Vue Native“元素类型无效:预期为字符串”

问题描述

我刚刚完成了 vue native 的“入门”教程,并让我的设备在 EXPO 中运行我的 vue native 应用程序。

我想添加一个工具栏,所以我查找了如何执行此操作,并找到了该ActionBar元素,因此我将其添加到我的代码中,如下所示:

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <ActionBar title="main menu">

        </ActionBar>
      </View>
    );
  }
}

但我收到以下错误:

找不到变量:ActionBar

所以我尝试通过更改此行来自己修复错误

import { StyleSheet, Text, View } from 'react-native';

成为

import { StyleSheet, Text, View, ActionBar } from 'react-native';

但现在我得到了错误

元素类型无效:应为字符串(用于内置组件)或类/函数,但得到:未定义

请帮助我找到如何ActionBar正确导入。

标签: expovue-native

解决方案


如果您仍想使用 ActionBar,我认为没有 ActionBar 组件是原生反应,因此您可以使用这个库react-native-action-bar


推荐阅读