Wie wird der Standardbildschirm von React-Native-Lock angepasst?

Question

Ich würde gerne Inhalte wie Bild, Label, Button, CSS ändern. Ist es möglich? Wenn ja, wie soll ich tun?

Answer 1

Leider ist dies alles, was sie Reagieren Mutter Wrapper-Bibliothek in ihre haben und wenn Sie einen Blick auf, wie sie verarbeiten die options Objekt, ist es nicht viel UI-spezifische Optionen:

https://github.com/auth0/react-native-lock/blob/56a705ee4ab395730fb5e6a2beb356fb4853117c/ios/A0RNLock/Core/A0LockReact.m#L71-L151

Wenn Sie das Aussehen anpassen möchten würden Sie von native Mutter Module überbrück Reagieren machen müssen Subklassen ihre nativen Komponenten, die Sie hier finden: https://github.com/auth0/Lock.iOS-OSX/tree/master/Lock

ich bei anderen Reagieren india Pakete aussehen würde, dass die Gemeinschaft benutzerdefinierten nativen UI-Elemente als Ausgangspunkt zu wickeln getan hat, das zu tun, wie zum Beispiel: https://github.com/react-native-community/react-native-linear-gradient

Darüber hinaus ist hier Auth0-Dokumentation, wie sie es anpassen: https://auth0.com/docs/libraries/lock-ios/customization

Answer 2

Sie können es zu jeder Komponente, indem Stil Eigenschaft ändern, Fe:

import { StyleSheet } from 'react-native'; 
(...) 
render(){ 
    return (
    <NameOfComponent styles={styles.nameOfStyle} 
); 
} 
const styles = StyleSheet.create({ 
    nameOfStyle: { 
    fontsize: 10, 
    }, 
});