React Native ListView无法滑动



  • 下面是我的代码,我加了一个titlebar ,ListView就不能滑动了,换成系统的toobarAndroid 也滑动不了,去除这个title的View 的就可以滑动,请教大神!!!

    render: function() {
    return (
    <View>

        <View style={styles.toolbars}>
    
          <TouchableOpacity 
              style={{justifyContent :'flex-start',alignSelf:'center',marginRight:5}}
              onPress={this._returnPage}>
            <Image 
              style={{width:40,height:40}}
              source={require('./img/myButton.png')}/>
          </TouchableOpacity>
          <Text style={{fontSize:20,alignSelf:'center'}}>支持银行</Text>
        </View>
    
            <ListView
              dataSource={this.state.dataSource}
              renderRow={this._renderRow}
              renderHeader={()=><Text style={styles.text}>信用卡都支持,储蓄卡暂支持以下银行</Text>}/>
         </View>
      );
    },


  • 记得当时我也遇到这种问题,你试试用一个<View style={{ flex:1 }}> 把listview嵌套一层

    · 分割线

    嵌套一层是无法解决的,最外层控件的style={{flex:1}}才行



  • 通过你给的提示,解决了,不过解决方法是给最外面的View设置style={{flex:1}}

    render: function() {
    return (

        <View style={{flex:1}}>
    
        <View style={styles.toolbars}>
    
          <TouchableOpacity 
              style={{justifyContent :'flex-start',alignSelf:'center',marginRight:5}}
              onPress={this._returnPage}>
            <Image 
              style={{width:40,height:40}}
              source={require('./img/myButton.png')}/>
          </TouchableOpacity>
          <Text style={{fontSize:20,alignSelf:'center',color:'white'}}>支持银行</Text>
        </View>
    
            <ListView
              dataSource={this.state.dataSource}
              renderRow={this._renderRow}
              renderHeader={()=><Text style={styles.text}>信用卡都支持,储蓄卡暂支持以下银行</Text>}/>
    
     </View>
      );
    },


  • @renyanxu
    还有就是把styles.toolbars里设置的flex:1去掉了。


登录后回复