react-nativeで初めてアプリを作ろうとしています。
UIの作成部分で、react-native-router-fluxを使ってみてこちらのページを参考に作っています。
http://qiita.com/YutamaKotaro/items/ab52b6ba664d88a87bd9
app.js
1 2import React from 'react'; 3import { 4 StyleSheet, 5} from 'react-native'; 6import { 7 Scene, 8 Router, 9} from 'react-native-router-flux'; 10import { 11 PageA, 12 PageA2, 13 PageA3, 14 PageB, 15 PageC, 16} from './component'; 17import TabIcon from './TabIcon'; 18 19const styles = StyleSheet.create({ 20 tabBar: { 21 flex: 1, 22 backgroundColor: 'rgb(50, 207, 202)', 23 }, 24}); 25 26const App = () => ( 27 <Router> 28 <Scene key="root"> 29 <Scene 30 key="tabbar" tabs 31 tabBarStyle={styles.tabBar} 32 > 33 <Scene key="pageA" initial component={PageA} title="PageA" icon={TabIcon} /> 34 <Scene key="pageA2" component={PageA2} title="PageA2" icon={TabIcon} /> 35 <Scene key="pageA3" component={PageA3} title="PageA3" icon={TabIcon} /> 36 </Scene> 37 <Scene key="pageB" title="PageB" component={PageB} /> 38 <Scene key="pageC" title="PageC" component={PageC} /> 39 </Scene> 40 </Router> 41); 42 43export default App;
参考のコードでは
icon={TabIcon}
の部分でテキストを表示しているのですが、
これを画像や画像フォントを使うようにすることはできるのでしょうか?
react-native-router-flux のドキュメントを理解できず・・・よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/21 07:47
2017/03/21 08:56
2017/03/21 10:35
2017/03/21 10:42