Блог

Я пытаюсь реализовать кнопку «Войти» в левой части заголовка. Я просто не могу этого понять. Когда я запускаю его в эмуляторе и нажимаю на экран регистрации . Я не вижу логина в крайнем левом углу. Перепробовал множество способов сделать это безрезультатно. Я просто не уверен, как решить эту проблему. Мне бы не помешала помощь, спасибо.

\

 import React, { useState } from "react";
import { StyleSheet, Text, View } from "react-native";
import {Button, Input, Image} from "react-native-elements";
import { StatusBar } from "expo-status-bar";
import { KeyboardAvoidingView } from "react-native";

const LoginScreen = ({ navigation }) => {
    const [email, setEmail] = useState("");
    const [password, setPassword] = useState("");

    const signIn = () => {

    }

    return (
        <KeyboardAvoidingView behavior="padding" style={styles.container}>
        <StatusBar style="light" />
        <Image
            source={{
                uri:
                "https://blog.mozilla.org/internetcitizen/files/2018/08/signal-logo.png",
            }}
            style={{width: 200, height: 200}}
            />
            <View style={styles.inputContainer}>
                <Input 
                  placeholder="Email" 
                  autoFocus 
                  type="email" 
                  value={email}
                  onChangeText={(text) => setEmail(text)}    
                  />
                <Input 
                placeholder="Password"
                secureTextEntry
                type="password"
                value={password}
                onChangeText={(text) => setPassword(text)}
                />

            </View>
            <Button containerStyle={styles.button} onPress={signIn} title="Login"  />
            <Button onPress={() => navigation.navigate("Register")} containerStyle={styles.button} type="outline" title="Register" />
            <View style={{ height: 80 }} />


        </KeyboardAvoidingView>
    );
};

export default LoginScreen;

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: "center",
        justifyContent: "center",
        padding: 10,
        backgroundColor: "white",
    },
    inputContainer: {
        width: 300,
    },
    button: {
        width: 200,
        marginTop: 10,
    },
});
 

\