如何解决React Native AWS 放大背景图片
大家好,我正在尝试使用 AWS Amplify 和 React Native 制作应用程序。我只想向我的应用程序添加一个背景图像,为了这个小目的,我不想创建一个完全自定义的组件来显示登录屏幕。这是我的代码。
import React,{ useEffect } from 'react';
import { Text,View,StyleSheet,StatusBar,imagebackground,Image } from 'react-native';
import SplashScreen from 'react-native-splash-screen';
import Amplify from 'aws-amplify';
import awsconfig from './aws-exports';
import { Authenticator,AmplifyTheme } from 'aws-amplify-react-native';
Amplify.configure(awsconfig);
console.disableYellowBox=true;
const App = function() {
useEffect(() => {
SplashScreen.hide();
},[]);
return(
<View style={styles.container}>
<StatusBar
barStyle = 'light-content'
backgroundColor='black'
/>
<Authenticator usernameAttributes="email" >
</Authenticator>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: 'black'
}
});
export default App;
我知道 imagebackground 应该可以完成这项工作,但我不知道如何将 Amplify 登录与其集成。
提前致谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。