2016-08-14 4 views
6

내 응용 프로그램 index.io.js 함수 아래에 View 안에 랩핑 된 1 개의 메시지가 있습니다. ScrollView입니다. 때로는 ScrollView의 맨 아래로 스크롤하여 화면을 유지할 수 있습니다. 그러나 ScrollView는 화면 상단으로 돌아오고 때때로 맨 아래에 머물러 있지 않습니다.네이티브 ScrollView가 아래쪽으로 스크롤되지 않습니다.

무슨 일이 일어나는지 아는 사람 있습니까? 감사.

render() { 
    return <View style={{flex: 1}}> 
    <ScrollView> 
    <Text>234</Text> 
    <Text>234</Text> 
    <Text>234</Text> 
    <Text>234</Text> 
    // .... repeat so many times ... 
    </ScrollView> 
    </View> 
} 

추신 : 내 RN은 0.28.0입니다, 아이폰 OS 전개 대상은 8.0

답변

4

그들이에 무제한의 높이 어린이를 포함하기 때문에 ScrollViews가 작동하기 위해 제한된 높이를 가지고 있어야 명심이다 바운딩 된 컨테이너 (스크롤 상호 작용을 통해). ScrollView의 높이를 제한하려면 뷰의 높이를 직접 설정하거나 (권장하지 않음) 모든 부모 뷰의 높이가 고정되어 있는지 확인하십시오. {flex: 1}을 뷰 스택 아래로 전송하는 것을 잊어 버리면 여기에 오류가 발생할 수 있으며 요소 검사기는이를 쉽게 디버그 할 수 있습니다. (1) 부동산 :

https://facebook.github.io/react-native/docs/scrollview.html

난 당신 플렉스와 함께있는 ScrollView에 스타일을 할당한다고 생각합니다. 더 나은 디자인을 위해 contentContainerStyle을 만듭니다.

나 같은 기본 초보자 반응에 대한
14

:

경계를이은을 설정하기 때문에 기본적으로 스크롤하지 명시 적으로있는 ScrollView를 이야기하는있는 ScrollView의 contentContainerStyle 속성에 {flex:1} 설정의 오류를 만들고, 그것을 스크롤 기대에 대한 scrollview 같은 부모의 프레임에 콘텐츠 높이

+1

실제로 muy 문제를 해결했습니다. 내 표를 가져라. – EnriqueDev

+0

우리에게'contentContainerStyle = {{flex : 1}} '을 설정하면 실제로 우리의 문제가 해결되었습니다! – Cole

관련 문제