React native 反应本机向量图标,TabBarItem元素类型无效
我想更改TabBarIOS的一个图标,并编写了以下代码,但元素类型错误无效React native 反应本机向量图标,TabBarItem元素类型无效,react-native,expo,React Native,Expo,我想更改TabBarIOS的一个图标,并编写了以下代码,但元素类型错误无效 import React from 'react'; import { View, TabBarIOS } from 'react-native'; import Icon from 'react-native-vector-icons/Ionicons'; import CommunicationTab from './components/communication_tab'; import WhereaboutsT
import React from 'react';
import { View, TabBarIOS } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';
import CommunicationTab from './components/communication_tab';
import WhereaboutsTab from './components/whereabouts_tab';
export default class App extends React.Component {
constructor() {
super();
this.state = {
selectedTab: 'WhereaboutsTab',
};
}
render() {
return (
<TabBarIOS selectedTab={this.state.selectedTab}>
<Icon.TabBarItem
title="whereabouts"
iconName='ios-home-outline'
selectedIconName='ios-home'
selected={this.state.selectedTab === 'WhereaboutsTab'}
onPress={() => {
this.setState({
selectedTab: 'WhereaboutsTab'
});
}}
>
<WhereaboutsTab />
</Icon.TabBarItem>
<Icon.TabBarItem
title="communication"
iconName='ios-settings-outline'
selectedIconName='ios-settings'
selected={this.state.selectedTab === 'CommunicationTab'}
onPress={() => {
this.setState({
selectedTab: 'CommunicationTab'
});
}}
>
<CommunicationTab />
</Icon.TabBarItem>
</TabBarIOS>
);
}
}
我想你有个打字错误
尝试将
图标.TabBarItem
替换为图标.TabBarItemIOS
。谢谢。但结果是一样的。您是否尝试删除了
和
,以查看它们是否是错误的原因?即使我使用了“Text”而不是“whereboutstab”,结果也是一样的。您是否设法解决了这一问题?我也有同样的问题。
<Icon name="ios-home" />
"dependencies": {
"expo": "^16.0.0",
"moment": "^2.18.1",
"react": "16.0.0-alpha.6",
"react-native": "^0.43.4",
"react-native-action-button": "^2.6.9",
"react-native-md-textinput": "^2.0.4",
"react-native-modal-datetime-picker": "^4.6.0",
"react-native-swipeout": "^2.1.1",
"react-native-vector-icons": "^4.1.1"
}