在React Native的ScrollView中設置contentInset和contentOffset

Question

我試圖讓我的內容從React Native的頂部開始100px。我曾嘗試與

const OFFSET = 100 
const ScrollViewTest = (props) => (
    <ScrollView 
    contentInset={{ top: OFFSET }} 
    contentOffset={{ y: OFFSET }} 
    > 
    <Text>Test</Text> 
    </ScrollView> 
) 

但是，當我呈現在屏幕上，它從0開始像素，但如果我滾動了一下，它會從頂部滾動爲100px，呆在那裏。

因此，看起來React Native不會在初始化時觸發contentOffset和contentInset屬性。

我該如何解決這個問題？我也嘗試過設置automaticallyAdjustContentInsets={false}，但沒有任何更改。

此外，它似乎這些屬性僅適用於iOS。 Android有沒有類似的屬性？

Answer 1

填充般的效果：

const OFFSET = 100 
const ScrollViewTest = (props) => (
    <ScrollView> 
     <View style={{ height: OFFSET }} /> 
     <Text>Test</Text> 
    </ScrollView> 
) 

頭般的效果：

const OFFSET = 100 
const ScrollViewTest = (props) => (
    <View style={{ paddingTop: OFFSET }}> 
     <ScrollView> 
      <Text>Test</Text> 
     </ScrollView> 
    </View > 
) 

Answer 2

componentDidMount(){ 
     if(Platform.OS==='ios'){ 
      this.refs._scrollView.scrollToOffset({animated:false,offset:-OFFSET}); 
     } 
    } 

    render(){ 
     return(
      <ScrollView 
       ref="_scrollView" 
       contentInset={{top: OFFSET}} 
      ...> 
       ... 
      </ScrollView> 
     ) 
    }