Блог

Привет, ребята, я пытаюсь создать приложение с использованием 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.

Заранее спасибо.