3

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 のほとんどのデバイスで問題なく動作します。ネイティブの選択メニューが表示され、すべて問題ありません。

しかし、Huawei MediaPad M2 という 1 つのデバイスに問題があります。私の会社のタブレットとこのアプリはここで動作する必要があります。

問題は、選択メニューを含むコードでは、オプションのテキストが表示されないことです。要素の数は正しいです。ラベルのサイズを大きくすると、ボックスも大きくなるため、ラベルも問題ないと思います。

参照用のスクリーンショット

ここに画像の説明を入力

デフォルトのブラウザーでサンプルを開くと、動作します。ボックスは同じですが、ラベルは黒いテキストで表示されます。これは ionic アプリでは発生しません。

Ionic のすべての CSS を削除し、機能する可能性のあるすべての CSS を追加し、Android の WebView アプリを更新し、タブレットを更新しようとしましたが、何も機能しませんでした。

選択メニューのみを使用して新しいサンプル アプリを作成しようとしましたが、これも発生します。

これを修正する方法、または強制的にネイティブ選択メニューを開く方法についてのアイデアや回避策はありますか?

ありがとう！

4

2 に答える 2

8

ここから正解を得ました： Apache Cordova Android 5.0 Select Box Option color

platform/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" に設定すると、私のドロップダウンを選択します。

于 2016-06-21T18:38:19.603 に答える