React NativeのScrollViewでcontentInsetとcontentOffsetを設定します

Question

コンテンツをReact Nativeの上から100ピクセルずつ開始しようとしています。私は

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> 
     ) 
    }