菜鸟教程小白 发表于 2022-12-13 04:10:07

ios - 如何更改标签栏中图标的颜色? ( react 原生导航)


                                            <p><p>我只想在 TabBar 中显示纯图标图像
但是在iOS中,它是这样显示的。<br/><br/></p>
<p> <a href="/image/D6AJl.png" rel="noreferrer noopener nofollow"><img src="/image/D6AJl.png" alt="enter image description here"/></a> </p>
<p>但原始图像在下面。</p>
<p> <a href="/image/DAy4m.png" rel="noreferrer noopener nofollow"><img src="/image/DAy4m.png" alt="enter image description here"/></a> </p>
<p>我认为它在 IOS 中是基本的。我想删除颜色或设置为透明。
有可能吗?</p>
<p>我尝试更改 tabsStyle 以进行下面的一些测试。</p>
<pre><code>tabsStyle: {
    tabBarBackgroundColor: &#39;#000&#39;,
    tabBarButtonColor: &#39;#fff&#39;,
    tabBarSelectedButtonColor: &#39;#fff&#39;,
}
</code></pre>
<p> <a href="/image/njNFy.png" rel="noreferrer noopener nofollow"><img src="/image/njNFy.png" alt="enter image description here"/></a> </p>
<p>左图正常,右图很奇怪。</p>
<br/>
<h1>环境</h1>
<p> react 原生:“0.55.2”</p>
<p>react-native-navigation: "^1.1.438"</p>
<p>平台:iOS</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您可以使用 <code>tabStyle</code> 。例如</p>

<pre><code>tabsStyle: {
    tabBarBackgroundColor: &#39;#fff&#39;,
    tabBarButtonColor: &#39;#fff&#39;,
    tabBarSelectedButtonColor: &#39;#fff&#39;,
}
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 如何更改标签栏中图标的颜色? ( react 原生导航),我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/50054147/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/50054147/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 如何更改标签栏中图标的颜色? ( react 原生导航)