Настроить AWS Amplify UI? - PullRequest
Новая
       51

Настроить AWS Amplify UI?

0 голосов
/ 08 ноября 2019

Поверьте, я могу пойти по этому пути неправильно и буду очень признателен за руководство по этой проблеме.

Я использую React-Native и AWS Amplify для аутентификации. То, что я хотел бы сделать, это изменить цвета и размеры элементов.

Видно, что другие упоминают об использовании тем, но они не имеют никакого эффекта.

Например, изменение цвета кнопки входа:

https://github.com/aws-amplify/amplify-js/blob/master/packages/aws-amplify-react/src/Amplify-UI/Amplify-UI-Components-React.tsx

SignInButton использует элемент темы signInButton

Видел, что другие подошли к этому, создав новую тему с нужными им изменениями, в моем случае это отвратительная кнопка для подтверждения того, что я могу манипулировать темой: 

const theme = {
  ...AmplifyTheme,
  signInButton: {
color: "red",
backgroundColor: "green"
  } 
}

Затем добавьте тему в withAuthencator: 

export default withAuthenticator(App, true, theme={theme})

Пользовательский интерфейс не изменился, также была замечена другая ошибка, ’theme’is read only

Огромная благодарность за помощь в этомвыпуск!

...