React-Native-Lockのデフォルト画面をカスタマイズする方法は？

Question

イメージ、ラベル、ボタン、CSSなどのコンテンツを変更したいと考えています。 可能ですか？ もしそうなら、どうすればいいですか？

Answer 1

は、残念ながら、これは彼らのリアクトネイティブラッパーライブラリを持っているすべてであり、あなたが見てみるならば、彼らはoptionsを処理する方法オブジェクトは、UI関連の多くのオプションではありません。

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

あなたが外観をカスタマイズしたい場合は、ネイティブモジュールを作成する必要があります彼らをサブクラス化することにより、ネイティブ反応するようにブリッジあなたがここに見つけることができるネイティブコンポーネント、：https://github.com/react-native-community/react-native-linear-gradient

：https://github.com/auth0/Lock.iOS-OSX/tree/master/Lock

私は他のを見てしまうのコミュニティは例えばのように、ということをやってする出発点として、カスタムのネイティブUIエレメントをラップするために行っているネイティブパッケージに反応しますさらに、カスタマイズ方法に関するAuth0のドキュメントもあります：https://auth0.com/docs/libraries/lock-ios/customization

Answer 2

あなたは、各コンポーネントにスタイルプロパティを渡すことによって、それを変更することができ、 フェ：

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