react-native-popup-menu によって提供されるコンポーネントに独自のスタイルを追加し、コンポーネント ライブラリに追加しようとしています。これらは、次の予想される階層を持つ Menu、MenuOptions、および MenuOption コンポーネントを提供します:
リーリー各要素のラッパーを作成し、その中でコンポーネントをスタイルし、誰かがコンポーネント ライブラリからラッパーをインポートするときにラッパーを返すことを計画しています。
たとえば、メニュー コンポーネントのラッパー:
リーリーこれにより、各レイヤーにラッパー (追加要素) が追加され、次の階層が生成されます。 リーリー
メニューを正しく表示するために階層に依存しているため、パッケージはこれを好みません。エラー「MenuOptions は Menu の子である必要があります」がスローされます
カスタム スタイルのメニューを作成し、コンポーネント ライブラリ内のコンポーネントとして公開する方法はありますか? ReactであればCSSクラスを書き換えるのですが、React-Nativeではカスケード効果がありません。何か手がかりがあれば大変助かります。ありがとう。
P粉7879344762024-01-11 10:08:36
何が問題なのか正確にはわかりません。そこで、役立つかもしれないいくつかのヒント/手がかりをここに追加します。
ドキュメントを参照してくださいhttps://github.com/instea/react-native-popup-menu/blob/master/doc/extensions.md および対応する example
このことから、次のことが実行/使用できることがわかります:
<菜单渲染器={RoundedContextMenu}>
少し定型文が必要なだけです (例を参照) - これをカスタム コンポーネントにラップすることは問題ないと思います