Letzte Zeichen/Wörter von Strings fehlen in der expo erstellten APK einer React-nativen App ⇐ Android

[Anonymous]

Eine meiner Bildschirme in einer reagierenden App verfügt über eine einfache Benutzeroberfläche der Benutzerregistrierungsseite. Ich habe eine Android -APK mit dem Befehl EAS Build -P Android -Profile Preview generiert. Der generierte APK hat keine Probleme beim Ausführen auf Emulator: Pixel 5 (dies ist die APK und nicht die App, die durch Expo -Go ausgeführt wird), aber wenn ich sie auf einem Gerät installiere - OnePlus 5T - hat er ein paar Saiten, die unvollständig angezeigt werden. Emulator Pixel 5

2. Gerät OnePlus5T

Die Labors und Text brüll. als 'usernam' angezeigt. Hier fehlt der letzte Charakter 'E' . Hier fehlt der letzte Charakter 'D' . Hier fehlt das letzte Wort '. Registscreen.tsx
import { Text } from '@components';
import { useAlertToast } from '@hooks';
import { useNavigation } from '@react-navigation/native';
import { setAuthState, useRegisterMutation } from '@store';
import { Button, Center, FormControl, Input, Link, Stack, WarningOutlineIcon } from 'native-base';
import React, { useCallback, useEffect, useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
import { KeyboardAvoidingView, StyleSheet } from 'react-native';
import { useDispatch } from 'react-redux';
import { StackNavProps } from 'StackNavigation';

import { saveEntryAsJson } from '../../utils/AsyncStorage';
import { Screens } from '../../utils/constants';

type RegisterationForm = {
name: string;
email: string;
password: string;
};

export const Register = () => {
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
name: "",
email: "",
password: "",
},
});

const { navigate } = useNavigation();

const [register, registerResult] = useRegisterMutation();
const { showErrorToast } = useAlertToast();
const dispath = useDispatch();

useEffect(() => {
if (registerResult.isSuccess) {
saveEntryAsJson("userData", registerResult.data);
dispath(setAuthState(registerResult.data));
navigate(Screens.VERIFY_OTP);
} else if (registerResult.isError) {
//@ts-ignore
showErrorToast(registerResult.error.data.message);
}
}, [registerResult.isSuccess]);

const onSubmit = useCallback(async (data: RegisterationForm) => {
await register({
...data,
}).unwrap();
}, []);

return (





Username

(

)}
name="name"
/>
{errors.name?.type === "required" && (

User name is required

)}





Email

(

)}
name="email"
/>
{errors.email?.type === "pattern" && (

Invalid email address

)}
{errors.email?.type === "required" && (

Email address required

)}





Password

(

)}
name="password"
/>
{errors.password?.type === "minLength" && (

Atleast 8 characters are required.

)}
{errors.password?.type === "required" && (

Password required.

)}



{"Register "}

navigate(Screens.LOGIN)}>
Already registered?. Login here.



);
};

const styles = StyleSheet.create({
container: {
flex: 1,
},
inputLabel: {
fontWeight: "700",
color: "black",
},
innerContainer: {
flex: 1,
paddingHorizontal: 5,
},
registerButton: {
borderRadius: 5,
padding: 5,
marginTop: 20,
},
otherLink: {
marginTop: 10,
},
});
< /code>
2. Textkomponente
import { ITextProps, Text as NativeText } from 'native-base';

export const Text = ({ children, ...rest }: ITextProps) => {
return (

{children}

);
};
< /code>
Ich habe versucht, zusätzliche Leerzeichen und {""} nach den Zeichenfolgen hinzuzufügen, hat aber nicht funktioniert. Ich habe dieses Problem auf dem Emulator manchmal bemerkt, als ich "Expo Go" durchläuft, und es wird durch Hinzufügen eines zusätzlichen Platzes nach den Saiten fixiert, scheint aber nicht zu funktionieren, wenn APK generiert wird.>