React-Cniate-Tab-View Inside ScrollView не может прокручивать, выбрав элементы Tabview (React-Navigation React-C-C-View) ⇐ Javascript

[Anonymous]

Я использую React-Cniate-tab-view (doc) в моем нативном проекте React. Это версии, которые я использую. < /P>

Код: Выделить всё

"react-native-tab-view": "^4.0.5",
"react-native-pager-view": "^6.6.1",
"react-native": "0.75.4",
< /code>
На моей домашней странице у меня есть представление свитка, и внутри у меня есть разные компоненты в качестве содержимого. Когда я пытаюсь прокрутить от любого другого компонента, он работает нормально и прокручивается. Но когда я пытаюсь прокрутить от компонента, это не прокрутка. Я попытался изменить стили, добавить гибкость: 1, высота и много. Но ничего не работает. Я не понимаю, что здесь делаю не так. Если Anyoue может помочь мне, предложив некоторые методы или идеи, это будет действительно полезно. < /P>
Это мой Scrollview с домашней страницы. Здесь, когда я Рей, чтобы прокрутить формировать любой компонент, отличный от [b] homepageTabContent [/b], работает нормально. 
  

Это мой homepageTabContent . Здесь я могу прокрутить, если я давно не буду. Но не закручивается. < /P>

Код: Выделить всё

import React from 'react';
import {
ActivityIndicator,
Animated,
Dimensions,
Platform,
Text,
View,
} from 'react-native';
import {Route, SceneMap, TabView} from 'react-native-tab-view';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import HomePageContentTab from '../homePageContentTab/HomePageContentTab';
import {deviceHeight} from '../../../helper';
import {screenHeight} from '../../../constants/styles/Variable';

interface ITabBottomNavProps {
id: string;
fields: {
tabColorPallet: {
id: string;
url: string;
fields: {
tabColors: {
id: string;
fields: {colorCode: {value: string}};
opacityPercent: {value?: string};
}[];
};
};
title: {value: string};
textAndButtonColor: {
id: string;
url: string;
fields: {
colorCoode: {
value: string;
};
};
};
};
}

interface IHomePageTabProps {
data?: ITabBottomNavProps[];
activeTabIndex: number;
}

const HomePageTabContent = (props: IHomePageTabProps) => {
const {data, activeTabIndex} = props;

const anim = new Animated.Value(0.1);

Animated.timing(anim, {
toValue: 0.5,
duration: 1000,
useNativeDriver: true,
}).start();

if (data && data.length > 0) {
const routes: Route[] = data?.map((item: any, index: number): Route => {
return {key: String(index), title: item.fields.title.value};
});

const arr = data?.map(_ => {
return {name: HomePageContentTab};
});

const screenMap: any = {};
arr.forEach((val: {name: any}, index: number) => {
screenMap[index] = val.name;
});

const tabView = {
index: activeTabIndex,
routes,
};

return (

 {}}
renderScene={SceneMap(screenMap)}
renderTabBar={props => }
swipeEnabled={false}
initialLayout={{width: Dimensions.get('window').width}}
style={{height: 100}}
/>
Hiiii
Hiiii
Hiiii

);
}

return (



);
};

const mapStateToProps = (state: any) => {
return {
activeTabIndex: state.homePageReducer.homeReducer.activeTabIndex,
};
};
const mapDispatchToProps = (dispatch: any) => bindActionCreators({}, dispatch);

export default connect(mapStateToProps, mapDispatchToProps)(HomePageTabContent);

Это мой homepagecontenttab .
render() {
return (

Tab component

);
< /code>
} < /p>
Пожалуйста, не предлагайте мне менять структуру кодирования, поскольку я поделился вам минималистичным кодом, но это работает нормально, кроме как Проверка прокрутки. Было бы очень полезно, если бы вы могли поделиться некоторыми идеями, чтобы преодолеть эту проблему.
Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/794 ... -tabview-i