菜鸟教程小白 发表于 2022-12-11 18:39:36

React Native 中的 iOS TextInput 样式


                                            <p><p>诸如 <code><Button/></code> 和 <code><TextInput/></code> 之类的元素在 Android 上以默认样式呈现，但在 iOS 上它们几乎没有样式。有没有办法在 iOS 上应用平台样式(例如边框和填充)而不用 CSS 复制它们？</p>

<p>例如</p>

<pre><code>&lt;View style={{flex:1, justifyContent: &#39;center&#39;}}&gt;
    &lt;Text&gt;Please sign in&lt;/Text&gt;
    &lt;TextInput placeholder=&#34;Username&#34;/&gt;
    &lt;TextInput placeholder=&#34;Password&#34;/&gt;
    &lt;Button onPress={() =&gt; {}} title=&#34;Sign in&#34;/&gt;
&lt;/View&gt;
</code></pre>

<p> <a href="/image/mFNtq.png" rel="noreferrer noopener nofollow"><img src="/image/mFNtq.png" alt="Android screenshot"/></a> </p>

<p> <a href="/image/L9xiQ.png" rel="noreferrer noopener nofollow"><img src="/image/L9xiQ.png" alt="iOS screenshot"/></a> </p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p> <a href="https://github.com/tombenner/nui" rel="noreferrer noopener nofollow">https://github.com/tombenner/nui</a> </p>

<p>要应用它们，您可以使用 platform.select </p></p>
                                   
                                                <p style="font-size: 20px;">关于React Native 中的 iOS TextInput 样式，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/41784839/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/41784839/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: React Native 中的 iOS TextInput 样式