_ NativeScriptでActionItemの色を指定する
NativeScriptでActionBarの右端にメニューを出す場合、マニュアル通り以下のようにします。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <ActionBar class="action-bar">
<Label class="action-bar-title" text="受信箱"></Label>
<ActionItem tap="onInbox"
text="受信箱" android.position="popup"
visibility="{{ isInbox ? 'collapse' : 'visible' }}">
</ActionItem>
<ActionItem tap="onSendbox"
text="送信箱" android.position="popup"
visibility="{{ isSendbox ? 'collapse' : 'visible' }}">
</ActionItem>
<ActionItem tap="onTrash"
text="ごみ箱" android.position="popup"
visibility="{{ isTrash ? 'collapse' : 'visible' }}">
</ActionItem>
</ActionBar>
|
デフォルトだと以下のように表示されますが、色がグレーです。
この色を変えるにはclassで指定してもダメで、resourceを追記する必要があります。
詳しくはこちら。
ファイルはApp_Resources\Android\src\main\res\values\styles.xml。
追記するのはname="AppThemeBase"の中です。
1
2
3
4
5
6
| <!-- theme to use AFTER launch screen is loaded-->
<style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
:
:
<item name="android:textColorSecondary">#fff</item>
</style>
|
;-)