我正在制作一个使用Amazon Cognito身份验证的应用,通过放大添加身份验证 . 这是我第一次使用它,所以我决定不要过多地自定义UI,但是我试图按照文档here的指示覆盖here列出的AmplifyTheme样式 .
这是我试图覆盖AmplifyTheme:
const MyButton = Object.assign({}, AmplifyTheme.button, {
backgroundColor: '#A7B1B2' });
const myNavBar = Object.assign({}, AmplifyTheme.navBar, { marginTop:
35, padding: 15, flexDirection: 'row', justifyContent: 'space-between',
alignItems: 'center'});
const myTheme = Object.assign({}, AmplifyTheme, { button: MyButton,
navBar: myNavBar });
根据Amplify Authentication文档,在我的App.js文件的底部,我有以下内容:
export default withAuthenticator(App,
includeGreetings = true,
authenticatorComponents = [],
federated = null,
theme = {myTheme});
但是,问候风格不变!有谁知道如何覆盖AmplifyTheme?