Изменить стиль всех кнопок с помощью темы - PullRequest
Новая
       35

Изменить стиль всех кнопок с помощью темы

0 голосов
/ 25 июня 2019

Я хочу изменить стиль всех кнопок, без необходимости добавлять стиль один за другим, как это:

<Button mode="contained" style={{ backgroundColor: "#FF6766" }} >

Я пытаюсь что-то с этим сделать: 

const theme = {
  ...DefaultTheme,
  roundness: 2,
  colors: {
    ...DefaultTheme.colors,
    primary: '#ffffff',
    accent: '#f1c40f',
    text: '#515151',
    surface: '#FF6766',
    underlineColor: 'transparent',
    background: '#ffffff',
    contained: '#000000',
  }
};

Но я не знаю, возможно ли это здесь, я нашел это по этой ссылке: https://callstack.github.io/react-native-paper/theming.html

App.js 

export default function App() {

  const theme = {
    ...DefaultTheme,
    roundness: 2,
    colors: {
      ...DefaultTheme.colors,
      primary: '#ffffff',
      accent: '#f1c40f',
      text: '#515151',
      surface: '#FF6766',
      underlineColor: 'transparent',
      background: '#ffffff',
      contained: '#000000',
    }
  };

  return (
    <PaperProvider theme={theme}>
      <AppNavigator />
    </PaperProvider>
  )

}
...