如何在 react-native 的类组件中使用 useTheme()？

Question

Currently I want to use useTheme() but as its hook that I can not use it in class component. But its my compulsion to use it in class components can any one tell me how can I use?

Answer 1

Without knowing what library you are using ( useTheme() is not part of React or React Native) it is hard to answer specific to your use case. Because hooks can only be used in Functional components, you can wrap your class component in one. For example:

class MyComponent extends React.Component {
    render() {
        return <p>Hello!</p>
    }
}

export default function(props) {
    const theme = useTheme()

    return <MyComponent {...props} theme={theme}/>
}

Answer 2

React Navigation 没有说明替代方案，但您可以将类组件包装在函数组件中并将其作为道具传递