Когда ScrollableTabView вложен в ScrollView, он не может ничего показать

Question

Когда я использую ScrollableTabView, вложенный в ScrollView, он не может ничего отобразить в Android, хотя я обновил ScrollableTabView версии 0.8.0.

response-native-cli: 2.0.1 реактивный-native: 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

Импортировать размеры из react native:

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

тогда вы приводите высоту:

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

И вы применяете высоту к ScrollableTabView

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

Answer 2

Не уверен, что стилизация включает в ваш Styles.tabView. Если вы используете { flex: 1 } внутри вашего объекта стиля, это может сработать.