ラッパーを追加してネイティブ スタイルのサードパーティ コンポーネントに反応する

Question

＃＃＃私の質問：＃＃＃

react-native-popup-menu によって提供されるコンポーネントに独自のスタイルを追加し、コンポーネント ライブラリに追加しようとしています。これらは、次の予想される階層を持つ Menu、MenuOptions、および MenuOption コンポーネントを提供します:

リーリー

各要素のラッパーを作成し、その中でコンポーネントをスタイルし、誰かがコンポーネント ライブラリからラッパーをインポートするときにラッパーを返すことを計画しています。

たとえば、メニュー コンポーネントのラッパー:

リーリー

これにより、各レイヤーにラッパー (追加要素) が追加され、次の階層が生成されます。 リーリー

メニューを正しく表示するために階層に依存しているため、パッケージはこれを好みません。エラー「MenuOptions は Menu の子である必要があります」

がスローされます

カスタム スタイルのメニューを作成し、コンポーネント ライブラリ内のコンポーネントとして公開する方法はありますか? ReactであればCSSクラスを書き換えるのですが、React-Nativeではカスケード効果がありません。

何か手がかりがあれば大変助かります。ありがとう。

Answer 1

何が問題なのか正確にはわかりません。そこで、役立つかもしれないいくつかのヒント/手がかりをここに追加します。

ドキュメントを参照してくださいhttps://github.com/instea/react-native-popup-menu/blob/master/doc/extensions.md および対応する example

このことから、次のことが実行/使用できることがわかります:

1. MenuOptions スタイルは問題なくネイティブにサポートされています

リーリー

2. オプションコンテナのカスタムスタイルも可能のようです

<菜单渲染器={RoundedContextMenu}>

少し定型文が必要なだけです (例を参照) - これをカスタム コンポーネントにラップすることは問題ないと思います

3. 任意の「左」スタイルは、任意の子を受け入れるトリガーです...これを独自のコンポーネントに簡単にラップできるかどうかはわかりません...