reactjs - 当 ScrollableTabView 嵌套在 ScrollView 中时，它不能显示任何内容

Question

当我使用 ScrollableTabView 嵌套在 ScrollView 中时，尽管我更新了 ScrollableTabView 版本 0.8.0，但它无法在 Android 中显示任何内容。

反应原生 cli：2.0.1 反应原生：0.44.3

我的代码是这样的：

   render() {
    return (
    <ScrollView>
      {this._renderUser()}
      <ScrollableTabView
        tabBarActiveTextColor="red"
        tabBarUnderlineStyle={{ backgroundColor: 'red' }}
        initialPage={0}
        renderTabBar={() => <DefaultTabBar textStyle={Styles.tabText} />}>                  
        <ScrollView
          tabLabel="线索"
          style={Styles.tabView}>
          <ListView dataSource={this.state.dataSource}
            renderRow={this._renderRow} />
        </ScrollView>
        <ScrollView
          tabLabel="客户档案">
          {this._renderCusProfile()}
        </ScrollView>
      </ScrollableTabView>
    </ScrollView>
  );
}

请单击此处显示图像示例

任何指向我可能需要在您的代码中更改以使其正常工作的指针？

谢谢

Answer 1

从反应原生导入维度：

import {
  ...
  Dimensions
} from "react-native";

然后你带来高度：

const { height } = Dimensions.get('window');

然后将高度应用于 ScrollableTabView

  <ScrollableTabView
        style={{ height: height, position: 'relative' }}
      ...

Answer 2

不确定 Styles.tabView 中包含哪些样式。如果您在样式对象中使用 { flex: 1 } 可能会起作用。