Question

我非常喜欢React-native，我正在尝试创建一个标签组件并在我的index.android.js上使用它这是我的index.android.js。导入的东西在顶部我没有在这里包含它。

import Tabs from './app/Tabs';

export default class ExpenseManagerProject extends Component {
render() {
return (
  <View>
    <Tabs/>
    <Text>
      wew
    </Text>
  </View>

);
}
}
AppRegistry.registerComponent('ExpenseManagerProject', () => ExpenseManagerProject);

这是我的标签组件

export default class Tabs extends Component {
render() {
return (
  <TabBarIOS
    unselectedTintColor="yellow"
    tintColor="white"
    unselectedItemTintColor="red"
    barTintColor="darkslateblue">
      <TabBarIOS.Item title="One">Wew
      </TabBarIOS.Item>
      <TabBarIOS.Item title="Two">Two
      </TabBarIOS.Item>
      <TabBarIOS.Item title="One">Three
      </TabBarIOS.Item>
  </TabBarIOS>
);
}
}
module.exports = Tabs;

我收到错误元素类型无效：期望一个字符串.......但是未定义。检查“标签”的渲染方法

我真的很感谢你的帮助

Answer 1

TabBarIOS无法在Android 下运行。它仅适用于iOS。

这可能适合您的Android用途： https://github.com/brentvatne/react-native-scrollable-tab-view

顺便说一句，只看你的代码，你就不必module.exports = Tabs;，因为你已经export default了这个组件。

元素类型无效：期望一个字符串

1 个答案: