如何在其他組件內動態傳遞多個組件反應本機

Question

我認為我的問題很簡單，但是我正在學習 RN 並且卡住了。 我想在 KennelScreen 組件中動態傳遞 Header、PhotoCarousel、UserDetails 組件，因為現在我只是用 JS 的方式做的。 有沒有其他方法可以做到？

謝謝！

Answer 1

取決於您要存檔的內容。 您可以通過動態創建它們

const KennelScreen = () => {
  return (
    <SafeAreaView>
      <ScrollView>
        {React.Children.map(this.props.children, (child) =>
          React.cloneElement(child)
        )}
      </ScrollView>
    </SafeAreaView>
  );
};

然后你可以在你的父屏幕中使用它

<KennelScreen>
 <Header />
....
</KennelScreen>