2017-03-01 45 views
1

我真的很新的React本地,我想創建一個標籤組件,並使用它在我的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; 

我得到的錯誤元素類型無效:預期字符串.......卻得到了不確定。檢查渲染「選項卡」

的方法,我會很感激你的幫助

回答

4

TabBarIOS是不會的Android下工作。它僅適用於iOS。

這可能適合您的需要爲Android: https://github.com/brentvatne/react-native-scrollable-tab-view

順便說一句,只是看你的代碼,你不必module.exports = Tabs;,因爲你已經export default的組件。

+0

owh我明白了,我不知道。 非常感謝這位先生 – markhamknight

+0

沒問題,歡迎您;-) –

相關問題