使用React Native向量圖標將樣式應用於動作列表

我正在使用React Native構建Android應用程序，並且我使用react-native-vector-icons來生成工具欄標題。下面是我的渲染函數的一個片段，展示了我如何使用vector-icons庫。使用React Native向量圖標將樣式應用於動作列表

<Icon.ToolbarAndroid 
     style={styles.toolbar} 
     title="Home" 
     titleColor="white" 
     navIconName="md-menu" 
     onIconClicked={this.toggleSideMenue.bind(this)} 
     actions={[ 
      { title: 'AddPerson', ref : 'addPerson', iconName: 'md-person-add', show: 'always'}, 
      { title: 'Swap', iconName: 'md-swap', show: 'always'}, 
     ]} 
     onActionSelected={(position) => this.onActionSelected(position)} 
/>

我可以輕鬆地應用樣式到工具欄本身，但我的問題是，如果有樣式應用到的圖標在行動列表的方法嗎？例如。改變圖標的顏色，旋轉，大小等。我已經試過以下，但它似乎並沒有做任何事情：

{ title: 'Swap', style : {color : 'red'}, iconName: 'md-swap', show: 'always'},

來源

2016-06-21 Viktor Bostrand

在您添加的js文件import Icon from 'react-native-vector-icons/MaterialIcons';

，改變

actions={[ 
     { title: 'AddPerson', ref : 'addPerson', iconName: 'person-add', show: 'always'}, 
     { title: 'Swap', iconName: 'swap', show: 'always'}, 
    ]}

並改變行動圖標的風格不可能！

來源

2016-06-21 11:24:30

圖標被導入爲'react-native-vector-icons/Ionicons'的導入圖標，該圖標可以很好地顯示圖標。我從代碼片段中忽略了這一點，因爲那不是我真正關心的問題。如果圖標風格自定義在動作列表中不起作用，那麼這個答案應該是正確的。 –

因此，至於改變顏色圖標，簡單的修復就是添加** iconColor **參數，例如： '{title：'Swap'，iconName：'swap'，show：'always'，iconColor：'紅'}'。其他類型的自定義CSS樣式，例如更改不透明度，旋轉等似乎不支持** actions **列表。 –

使用React Native向量圖標將樣式應用於動作列表

回答

相關問題