【React Native】文件翻譯閱讀紀錄 - Components(組件) - ToolbarAndroid
 |
| Facebook Open Source React Native |
ToolbarAndroid
包含僅限Android的工具欄小部件的React組件。工具欄可以顯示徽標，導航圖標（例如漢堡菜單），標題和副標題以及動作列表。標題和副標題被擴展，因此徽標和導航圖標顯示在左側，標題和副標題顯示在中間，操作在右側。
如果工具欄中只有一個子項，則它將顯示在標題和操作之間。
雖然工具欄支持徽標，導航和操作圖標的遠程圖像，但這只應在DEV模式下使用，其中require（'./ some_icon.png'）轉換為打包器URL。在發布模式下，您應始終為這些圖標使用可繪製資源。使用require（'。/ some_icon.png'）將自動為您執行此操作，因此只要您沒有明確使用例如{uri：'http：// ...'}，你會很好。
例：
如果工具欄中只有一個子項，則它將顯示在標題和操作之間。
雖然工具欄支持徽標，導航和操作圖標的遠程圖像，但這只應在DEV模式下使用，其中require（'./ some_icon.png'）轉換為打包器URL。在發布模式下，您應始終為這些圖標使用可繪製資源。使用require（'。/ some_icon.png'）將自動為您執行此操作，因此只要您沒有明確使用例如{uri：'http：// ...'}，你會很好。
例：
render: function() {
return (
<ToolbarAndroid
logo={require('./app_logo.png')}
title="AwesomeApp"
actions={[{title: 'Settings', icon: require('./icon_settings.png'), show: 'always'}]}
onActionSelected={this.onActionSelected} />
)
},
onActionSelected: function(position) {
if (position === 0) { // index of 'Settings'
showSettings();
}
}
Props
overflowIconactionscontentInsetStartlogonavIcononActionSelectedonIconClickedcontentInsetEndrtlsubtitlesubtitleColortestIDtitletitleColor
參考
Props
overflowIcon
設置溢出圖標。
| TYPE | REQUIRED |
|---|---|
| optionalImageSource | No |
actions
在操作菜單上設置可能的操作，作為操作菜單的一部分。這些在窗口小部件的右側顯示為圖標或文本。如果它們不合適，則將它們放在“溢出”菜單中。
此屬性採用一組對象，其中每個對象具有以下鍵：
此屬性採用一組對象，其中每個對象具有以下鍵：
title: 必需，此動作的標題icon: 此操作的圖標，例如要求（'./ some_icon.png'）show: 何時將此操作顯示為圖標或將其隱藏在溢出菜單中：always，ifRoom或nevershowWithText: boolean, 是否在圖標旁邊顯示文本
| TYPE | REQUIRED |
|---|---|
| array of object: {title: string,icon: optionalImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No |
contentInsetStart
設置工具欄起始邊緣的內容插入。
內容插入會影響除導航按鈕和菜單之外的工具欄內容的有效區域。插圖定義了這些組件的最小邊距，可用於有效地將工具欄內容與眾所周知的網格線對齊。
內容插入會影響除導航按鈕和菜單之外的工具欄內容的有效區域。插圖定義了這些組件的最小邊距，可用於有效地將工具欄內容與眾所周知的網格線對齊。
| TYPE | REQUIRED |
|---|---|
| number | No |
logo
設置工具欄徽標。
| TYPE | REQUIRED |
|---|---|
| optionalImageSource | No |
navIcon
設置導航圖標。
| TYPE | REQUIRED |
|---|---|
| optionalImageSource | No |
onActionSelected
選擇操作時調用的回調。傳遞給回調的唯一參數是actions數組中操作的位置。
| TYPE | REQUIRED |
|---|---|
| function | No |
onIconClicked
選擇圖標時調用回調。
| TYPE | REQUIRED |
|---|---|
| function | No |
contentInsetEnd
設置工具欄結束邊緣的內容插入。
內容插入會影響除導航按鈕和菜單之外的工具欄內容的有效區域。插圖定義了這些組件的最小邊距，可用於有效地將工具欄內容與眾所周知的網格線對齊。
內容插入會影響除導航按鈕和菜單之外的工具欄內容的有效區域。插圖定義了這些組件的最小邊距，可用於有效地將工具欄內容與眾所周知的網格線對齊。
| TYPE | REQUIRED |
|---|---|
| number | No |
rtl
用於將工具欄方向設置為RTL。除了這個屬性，你需要添加
機器人：supportsRtl =“真”
到您的應用程序AndroidManifest.xml，然後在MainActivity onCreate方法中調用setLayoutDirection（LayoutDirection.RTL）。
機器人：supportsRtl =“真”
到您的應用程序AndroidManifest.xml，然後在MainActivity onCreate方法中調用setLayoutDirection（LayoutDirection.RTL）。
| TYPE | REQUIRED |
|---|---|
| bool | No |
subtitle
設置工具欄副標題。
| TYPE | REQUIRED |
|---|---|
| string | No |
subtitleColor
設置工具欄字幕顏色。
| TYPE | REQUIRED |
|---|---|
| color | No |
testID
用於在端到端測試中查找此視圖。
| TYPE | REQUIRED |
|---|---|
| string | No |
title
設置工具欄標題。
| TYPE | REQUIRED |
|---|---|
| string | No |
titleColor
設置工具欄標題顏色。
| TYPE | REQUIRED |
|---|---|
| color | No |
0 意見