2016-06-02 10 views
0

Im in new in React 그래서 간단한 목록으로 내 미니 프로젝트에서 작업합니다. 또한 스타일 코드React Native - 목록보기가 스크롤되지 않습니다.

render() { 
    if (!this.state.loaded) { 
     return this.renderLoadingView(); 
    } 

    return (
     <View> 
      <ToolbarAndroid style={styles.toolbar} 
       title={"Hello React"} 
       titleColor={'#000000'}/> 
      <ListView 
      dataSource={this.state.dataSource} 
      renderRow={this.renderMovie} 
      style={styles.listView}/> 
     </View> 
    ); 
    } 

:

listView: { 
    paddingTop: 20, 
    backgroundColor: '#F5FCFF', 
    flex: 1, 
    }, 

답변

3

당신이 보기의 크기를 설정하는 것을 잊었다 때문에 작동하지 않습니다이 코드입니다. 플렉스 추가 1 절을 제대로

스타일

listView: { 
    paddingTop: 20, 
    backgroundColor: '#F5FCFF', 
    flex: 1, 
}, 
container: { 
    flex: 1 
} 

렌더링 작동

render() { 
    if (!this.state.loaded) { 
     return this.renderLoadingView(); 
    } 

    return (
     <View style={styles.container}> 
      <ToolbarAndroid style={styles.toolbar} 
       title={"Hello React"} 
       titleColor={'#000000'}/> 
      <ListView 
      dataSource={this.state.dataSource} 
      renderRow={this.renderMovie} 
      style={styles.listView}/> 
     </View> 
    ); 
    } 

Example with the problem fixed (iOS version)

관련 문제