使用bui-tabbar时Android和iOS两端列表滑动的差

在使用bui-weex里面的组件bui-tabbar时，出现了两个很容易处理的问题：

问题一： 在Android会有内容显示，但是在iOS端没有内容显示。

• 解决方案：这是因为在iOS端需要设置高度，所以只要在页面最外层使用flex:1，然后设置宽高即可，通常设置宽为750px;，设置高为当前页面高度，使用weex-ui的功能函数Utils，代码如下所示：

<template>
  <div>
    <!-- list -->
    <scroller class="wrapper" :style="wrapperStyle">
    ......
  <div>
<template>
<script>
import { Utils } from 'weex-ui'
export default {
  data() {
    return {
      wrapperStyle: {
        width: '750px',
        height: ''
      }
    }
  },
  created() {
    // iOS端需要设置宽高才显示内容，这里设置的高度由手机而定
    if (weex.config.env.platform === 'iOS') {
      this.wrapperStyle.height = Utils.env.getPageHeight() + 'px'
    }

问题二： iOS端所有页签的内容都可以上下滑动，但是在Android端，只有第1页的内容可以上下滑动，其他页签的内容有内容呈现，但是呈卡死状态。

• 解决方案：之所以会这样是因为使用list来处理列表上下滑动时，iOS端没有问题，但是在Android端就会出现以上的这些问题，只需要使用scroller来替换list来实现列表功能即可。