How can I implement dynamic theming in my React Native app?

How can I implement dynamic theming in my React Native app?

You can use the React Native Context API along with a theming library like styled-components or react-native-paper to manage themes dynamically.

Can you give me a code example of how to switch themes?

Sure! Here's a simple example:

import React, { useState, createContext, useContext } from 'react';

const ThemeContext = createContext();

const App = () => {
  const [theme, setTheme] = useState('light');

  const toggleTheme = () => {
    setTheme(prevTheme => (prevTheme === 'light' ? 'dark' : 'light'));
  };

  return (
    <ThemeContext.Provider value={{ theme, toggleTheme }}>
      <YourComponent />
    </ThemeContext.Provider>
  );
};

const YourComponent = () => {
  const { theme, toggleTheme } = useContext(ThemeContext);
  return (
    <View style={{ backgroundColor: theme === 'light' ? '#fff' : '#333' }}>
      <Button title='Toggle Theme' onPress={toggleTheme} />
    </View>
  );
};

This code sets up a context for theming and toggles between light and dark themes.

What libraries do you recommend for theming?

I recommend using libraries like styled-components, react-native-paper, or react-native-elements, as they provide built-in theming support.