React-Native-Lockのデフォルト画面をカスタマイズする方法は?
イメージ、ラベル、ボタン、CSSなどのコンテンツを変更したいと考えています。 可能ですか? もしそうなら、どうすればいいですか?
React-Native-Lockのデフォルト画面をカスタマイズする方法は?
イメージ、ラベル、ボタン、CSSなどのコンテンツを変更したいと考えています。 可能ですか? もしそうなら、どうすればいいですか?
は、残念ながら、これは彼らのリアクトネイティブラッパーライブラリを持っているすべてであり、あなたが見てみるならば、彼らはoptions
を処理する方法オブジェクトは、UI関連の多くのオプションではありません。
あなたが外観をカスタマイズしたい場合は、ネイティブモジュールを作成する必要があります彼らをサブクラス化することにより、ネイティブ反応するようにブリッジあなたがここに見つけることができるネイティブコンポーネント、: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
あなたは、各コンポーネントにスタイルプロパティを渡すことによって、それを変更することができ、 フェ:
import { StyleSheet } from 'react-native';
(...)
render(){
return (
<NameOfComponent styles={styles.nameOfStyle}
);
}
const styles = StyleSheet.create({
nameOfStyle: {
fontsize: 10,
},
});
Wow。 https://github.com/auth0/react-native-lockを確認してください。 あなたは私が何を意味するのか理解できませんでした。 –
ありがとうございました。 https://github.com/auth0/react-native-lock/issues/5から解決策を見つけました。表示されたリンク は大きな助けとなっています。 ios/AppDelegate.m内のテーマに関するコードスニペットを追加したところ、UIが変更されました。 乾杯。 –