2017-03-01 13 views
1

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; 

である私は、エラー要素型が無効です取得:文字列を期待.......が、未定義ました。 「タブ」

のrenderメソッドをチェック私は本当に

答えて

4

TabBarIOSは、Androidの下で仕事に行くのではありませんあなたの助けいただければ幸いです。 iOS専用です。

この

は、Androidのためのあなたの目的に合うかもしれません: https://github.com/brentvatne/react-native-scrollable-tab-view

をところで、ちょうどあなたのコードを見て、あなたはすでにexport defaultコンポーネント以来module.exports = Tabs;する必要はありません。

+0

owh私は、私はそれを知りませんでした。 ありがとうございました – markhamknight

+0

問題ありません、あなたも歓迎です;-) –

関連する問題