ReactNative에서 ScrollView로 래핑되지 않을 때 구성 요소가 축소되는 이유는 무엇입니까?

Question

Stephen Grider 튜토리얼에 따라 프로젝트를 만들지 만 ScrollView로 래핑하지 않았을 때 내보기가 줄어들 때 정말 고생했습니다.

내 다음 코드 랩 https://github.com/jasonkoirala/Swipe : 여기,

을 그리고 다음은

render() { 
    return (
    <ScrollView> 
    <View> 
     <Deck 
     data={DATA} 
     renderCard={this.renderCard.bind(this)} 
     /> 
    </View> 
    </ScrollView> 
    ); 
} 
} 

내가있는 ScrollView로 포장 할 때 내가 얻을 출력 여기

은 GitHub의에서 코드입니다 ScrollView로 랩핑하지 않으면 얻을 수있는 출력입니다.

사용하고 싶지 않습니다. ScrollView은 내 콘텐츠를 감싸는 대신, View으로 원합니다.보기에 다음 스타일을 지정하려고했지만 작동하지 않았습니다.

`flex: 1, 
backgroundColor: '#fffdff', 
position: 'absolute', 
top: 0, 
bottom: 0, 
left: 0, 
right: 0` 

난 그냥 사람이 좀 도와하고 이런 식으로 행동 이유를 설명 할 수 ReactNative을 배우기 시작했다. 고맙습니다. 추신 : 위의 다운로드 링크가있는 프로젝트 폴더에서 react-native run-android 또는 react-native run-ios을 사용하십시오.

Answer 1

소스 코드를 시도해 본 결과 해결책을 찾았습니다.

나는 및 buttonStyle에서 (App.js에) image 스타일에서 flex:1을 제거하고 예상대로 일했다.

희망이 도움이 될 것입니다.