菜鸟教程小白 发表于 2022-12-12 14:45:20

javascript - react-native 图标位于 View 下


                                            <p><p>图标在 Android 中属于“ View ”，但在 ios 中有效。我尝试了 <code>overflow: 'visible'</code> 、 <code>elevation: 887879778</code> 和 <code>zIndex: 564654687</code> 但没有任何帮助。 </p>

<hr/>

<p>截图如下:</p>

<ul>
<li> <a href="/image/yYmpT.png" rel="noreferrer noopener nofollow"> in ios </a> </li>
<li> <a href="/image/VlON1.png" rel="noreferrer noopener nofollow"> in android </a> </li>
</ul>

<hr/>

<p> <a href="https://snack.expo.io/@mahwd/select-your-side" rel="noreferrer noopener nofollow"><strong>example snack</strong></a> </p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>这种结构可以正常工作。
将该 View 放在父 View 中并与填充一起使用。</p>

<pre><code>&lt;View style={{ padding: 18 }}&gt;
&lt;View style={styles.left}&gt;
   &lt;Text style={{ color: &#39;white&#39; }}&gt;Left&lt;/Text&gt;
&lt;/View&gt;
&lt;View style={styles.icon}&gt;
   &lt;Icon type=&#34;Feather&#34; name=&#34;check&#34; /&gt;
&lt;/View&gt;
&lt;/View&gt;
</code></pre>

<p>当然不是出色的解决方案，但适合这个问题</p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - react-native 图标位于 View 下，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/51056262/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/51056262/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - react-native 图标位于 View 下