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

[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, высота и много. Но ничего не работает. Я не понимаю, что здесь делаю не так. Здесь, когда я Рей, чтобы прокрутить формировать любой компонент, отличный от homepageTabContent , работает нормально.

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

Это мой homepageTabContent . Здесь я могу прокрутить, если я даю, из . Но не может прокручивать.

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

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>
Пожалуйста, не предлагайте мне изменить структуру кодирования, так как я поделился вам минималистичным кодом, но это работает нормально, кроме проблемы прокрутки. Было бы очень полезно, если бы вы могли поделиться некоторыми идеями, чтобы преодолеть эту проблему.

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