当前位置 : 主页 > 手机开发 > cordova >

cordova – 选择下拉列表Ionic不显示文本

来源:互联网 收集:自由互联 发布时间:2021-06-10
我正在开发Ionic 1.7中的应用程序. 我有一个选择菜单,我遇到了问题. 为简化起见,我的代码就像文档一样 label class="item item-input item-select" div class="input-label" Lightsaber /div select optionBlue/opti
我正在开发Ionic 1.7中的应用程序.

我有一个选择菜单,我遇到了问题.

为简化起见,我的代码就像文档一样

<label class="item item-input item-select">
    <div class="input-label">
      Lightsaber
    </div>
    <select>
      <option>Blue</option>
      <option selected>Green</option>
      <option>Red</option>
    </select>
  </label>

http://ionicframework.com/docs/components/#select

它适用于iOS和Android中的大多数设备.它显示了原生选择菜单,一切正常.

但我有一台设备问题,华为MediaPad M2.我的公司平板电脑和这个应用程序必须在这里工作.

问题是,对于涉及选择菜单的任何代码,选项的文本都不会显示.元素的数量是正确的,我认为标签也可以,因为如果我增加标签的大小,框也会增长.

截图供参考

enter image description here

如果我在默认浏览器中打开示例,它可以工作,框是相同的,但标签显示黑色文本,这在离子应用程序中不会发生.

我试图删除所有的离子CSS,添加所有可能工作的CSS,更新android的webview应用程序,更新平板电脑,没有任何工作.

我试图创建一个只有一个选择菜单的新示例应用程序,这也会发生.

有关如何解决此问题或强制打开本机选择菜单的任何想法或解决方法?

谢谢!

我从这里得到了正确答案:
Apache Cordova Android 5.0 Select Box Option color

在platforms / android中找到AndroidManifest.xml并查找此块:

<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.Light.NoTitleBar" android:windowSoftInputMode="adjustResize">
            <intent-filter android:label="@string/launcher_name">
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

关键设置是:android:theme =“@ android:style / Theme.Light.NoTitleBar”

当我和你有同样的问题时,这被设置为:“android:theme =”@ android:style / Theme.DeviceDefault.NoActionBar“.将它设置为”Theme.Light.NoTitleBar“在我的白色上给了我黑色文字选择下拉菜单.

网友评论