_ 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>
|
;-)