2016-05-27 27 views
1

私のアプリでTabBarIOSとtabBarIOS.Itemのビューを実装しています。今のところすべてが機能しますが、それをカスタマイズする柔軟性はあまりないようです。たとえば、タブバーを大きくしたり、アイコンを下にしてタイトルスペースを占めるようにしたいのですが、今はバーの上に浮いているためです。React Native React Native TabBarIOSのスタイルをカスタマイズする

アイコンが上部にはるかに近いことがわかります。私はそれが垂直にもっと中央になるように調整しようとしています。

enter image description here

私のような何かをしようとした -

<TabBarIOS> 
    <TabBarIOS.Item style={{paddingTop: 30}}> other content here </TabBarIOS.Item> 
    <TabBarIOS.Item style={{paddingTop: 30}}> other content here </TabBarIOS.Item> 
</TabBarIOS> 

をしかし、パディング調整は反映されません。私は高さやマージンなども調整しようとしましたが、スタイルはまったく反映されていないようです。ここに何もないのですか?これはまったくできますか?

ありがとうございます!

答えて

1
<TabBarIOS> 
    <TabBarIOS.Item title=''> content here </TabBarIOS.Item> 
</TabBarIOS> 

タイトルを空の文字列として残すと、タブバーのアイコンが中央に表示されます。