如何将选项卡栏选项添加到下面的代码中,并同时使用色调颜色。 我想对选项卡栏选项内的图标使用事件和非事件
import React from 'react'
import { SafeAreaView, Text } from 'react-native';
export default class Chat extends React.Component {
static navigationOptions = ({ navigation }) => {
let tabBarIcon = () => {
return <MaterialIcons
style={{ backgroundColor: 'transparent' }}
name={'chat'}
color={'#000'}
size={30}
/>
}
return { tabBarIcon }
}
render(){
return(
<SafeAreaView>
<Text>Chat</Text>
</SafeAreaView>
)
}
最佳答案
如官方site所述. tabBarIcon 是一个函数,它被赋予焦点状态、tintColor 和水平参数,这是一个 bool 值。
试试这个
static navigationOptions = ({ navigation }) => {
let tabBarIcon = ({ focused, horizontal, tintColor }) => {
return <MaterialIcons
style={{ backgroundColor: 'transparent' }}
name={'chat'}
color={tintColor}
size={30}
/>
}
return { tabBarIcon }
}
关于javascript - 如何将 tabBarOption 添加到下面的代码中?这样我就可以使用 tintColor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57934864/