嵌套的 React Native ScrollView 需要點擊兩次才能開始滾動

Question

我在另一個ScrollView ScrollView 我注意到我必須點擊兩次才能使嵌套滾動視圖開始滾動。

我嘗試使用一些屬性，如scrollEnabled 、 nestedScrollEnabled和keyboardShouldPersistTaps="always"但這些都沒有幫助。

我無法提供任何真正的代碼，因為該項目非常大，並且滾動視圖之間有多個組件。 但是，基本結構與此類似：

<ScrollView>
  <SomeNestedComponents>
    <ScrollView
      scrollEnabled={true}
      nestedScrollEnabled={true}
      keyboardShouldPersistTaps="always"
    >
    </ScrollView>
  </SomeNestedComponents>
</ScrollView>

Answer 1

我建議您也嘗試將keyboardShouldPersistTaps='always'放在最外面的<ScrollView />組件上。 根據這個 GitHub 問題的最終答案，應該可以解決它。

例如：

<ScrollView keyboardShouldPersistTaps='always'>
  <SomeNestedComponents>
    <ScrollView
      scrollEnabled={true}
      nestedScrollEnabled={true}
      keyboardShouldPersistTaps='always'
    >
    </ScrollView>
  </SomeNestedComponents>
</ScrollView>