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