React Native Custome Зарегистрироваться

Question

Я пытался отредактировать тему пользовательского интерфейса по умолчанию для ampify с помощью Authenticator, и у меня не возникло проблем с темой, но теперь кажется, что она вернула мою страницу регистрации обратно на страницу по умолчанию?

например, посмотрите мой код здесь:

const signUpConfig = {
  header: 'Sign up to our App',
  hideAllDefaults: true,
  signUpFields: [
    {
      label: 'Username',
      key: 'username',
      required: true,
      displayOrder: 1,
      type: 'string'
    },
    {
      label: 'Password',
      key: 'password',
      required: true,
      displayOrder: 2,
      type: 'password'
    },
    {
      label: 'Email',
      key: 'email',
      required: true,
      displayOrder: 4,
      type: 'string'
    }
  ]
};
const usernameAttributes = 'Username';

const MyButton = Object.assign({}, AmplifyTheme.button, { backgroundColor: 'yellow' });
const sectionLink = Object.assign({}, AmplifyTheme.sectionFooterLink, { color: 'black' });
const buttondisable = Object.assign({}, AmplifyTheme.buttonDisabled, { backgroundColor: '#cccccc' });
const MyTheme = Object.assign({}, AmplifyTheme, { button: MyButton }, {sectionFooterLink:sectionLink},{buttonDisabled:buttondisable});

export default withAuthenticator(RealApp,false, [], null, MyTheme, {signUpConfig}
);

Есть идеи? Я прочитал документацию и даже отформатировал экспорт по умолчанию различными способами, но либо страница регистрации перезаписывается, либо тема не применяется и т. Д. c.

Answer 1

Работает.

Оказывается, вам нужно фактически добавить всю конфигурацию в экспорт, например

export default withAuthenticator(RealApp,false, [], null, MyTheme, {header: 'Sign up to our App',
hideAllDefaults: true,
signUpFields: [
  {
    label: 'Username',
    key: 'username',
    required: true,
    displayOrder: 1,
    type: 'string'
  },
  {
    label: 'Password',
    key: 'password',
    required: true,
    displayOrder: 2,
    type: 'password'
  },
  {
    label: 'Email',
    key: 'email',
    required: true,
    displayOrder: 4,
    type: 'string'
  }
]
}
);