Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何从类组件调用堆栈导航器?_React Native_React Navigation - Fatal编程技术网

React native 如何从类组件调用堆栈导航器?

React native 如何从类组件调用堆栈导航器?,react-native,react-navigation,React Native,React Navigation,我试图创建一个可扩展的列表,里面有按钮来导航其他屏幕。我无法调用堆栈导航器来导航相关屏幕。如何获得App.js的道具?因为现在道具保存着我的内容表。或者有没有更好的办法?在内容上,id部分保存堆栈导航器上的屏幕名称 import React,{Component}来自'React'; 从“react native”导入{样式表、视图、图像、文本、图像背景、状态栏、TouchableOpacity、LayoutImation、UIManager、平台、ScrollView}; 从“react na

我试图创建一个可扩展的列表,里面有按钮来导航其他屏幕。我无法调用堆栈导航器来导航相关屏幕。如何获得App.js的道具?因为现在道具保存着我的内容表。或者有没有更好的办法?在内容上,id部分保存堆栈导航器上的屏幕名称

import React,{Component}来自'React';
从“react native”导入{样式表、视图、图像、文本、图像背景、状态栏、TouchableOpacity、LayoutImation、UIManager、平台、ScrollView};
从“react native responsive screen”导入{widthPercentageToDP作为wp,heightPercentageToDP作为hp};
从“react native responsive fontsize”导入{RFPercentage};
类ExpandableItemComponent扩展组件{
//可展开列表的自定义组件
构造函数(){
超级();
此.state={
八:0,,
};
}
组件将接收道具(下一步){
if(nextrops.item.isExpanded){
此.setState(()=>{
返回{
layouthweight:null,
};
});
}否则{
此.setState(()=>{
返回{
八:0,,
};
});
}
}
shouldComponentUpdate(下一步,下一步状态){
if(this.state.layouthweight!==nextState.layouthweight){
返回true;
}
返回false;
}
render(){
返回(
{/*可展开列表项的标题*/}
{this.props.item.category_name}
{/*可展开列表项标题下的内容*/}
{this.props.item.subcategory.map((项目、键、导航)=>(
navigation.navigate(item.id)}>
{item.val}
))}
);
}
}
导出默认类BirNefesHuzurScreen扩展组件{
构造函数(){
超级();
如果(Platform.OS==='android'){
UIManager.SetLayoutImactionEnabledExperimental(true);
}
this.state={listDataSource:CONTENT};
}
updateLayout=索引=>{
LayoutImation.configureNext(LayoutImation.Presets.easeInEaseOut);
常量数组=[…this.state.listDataSource];
数组[索引]['isExpanded']=!数组[索引]['isExpanded'];
此.setState(()=>{
返回{
listDataSource:array,
};
});
};
渲染(道具){
返回(
BİR NEFES HUZUR{\n}
该地区的COGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG伊尔迪尔·奥曼拉尔·狗狗,一只图库纳尔·库卡克拉肯,科伊拉尔·丹尼兹·纳泽尔·凯伊夫·亚普梅在比克、伊尔米斯、卡夫坦德和r.C中的塞文勒,阿纳卡莱·德比尔内费斯特·伊基塔、伊基利姆·塔达尔·纳兹(iki iklim tadarsınız)。
{this.state.listDataSource.map((项,键)=>(
))}
);
}
};
常量内容=[
{
isExpanded:错,
类别名称:“圣安娜卡勒梅尔凯兹”,
子类别:[
{id:'DardanosHalkPlaji',val:'Dardanos Halk Plajı'},
{id:'GuzelYaliPlaji',val:'GüzelyalıHalk Plaj'},
{id:'YeniKordonBarisPlaji',val:'Yeni Kordon BarıPlajı'},
{id:'KepezBelediyesiHalkPlaji',val:'Kepez Belediyesi Halk Plaj'},
{id:'KemerdereSuKemeri',val:'Kemerdere Su Kemeri'},
},
{
isExpanded:错,
类别名称:“AYVACIK”,
子类别:[
{id:'KazDaglari',val:'Kaz DağlarıMilli Parkı'},
{id:'AdatepeKoyu',val:'Adatepe Köyü'},
{id:'Babakale',val:'Babakale'},
{id:'KadirgaKoyu',val:'Kadırga Koyu'},
{id:'AssosYesilLiman',val:'Assos Yeşil Liman'},
{id:'Koroobakoyu',val:'Korooba Koyu'},
{id:'SivriceKoyu',val:'Sivrice Koyu'},
{id:'SokakagiziKoyu',val:'SokakağzıKoyu'},
{id:'Babakalekliman',val:'Babakale Akliman Koyu'},
},
{
isExpanded:错,
类别名称:“BAYRAMİİİİİİİİİİ”,
子类别:[{id:'Ayazmapinariatabiatparki',val:'Ayazma PınarıTabiat Parkı'},
},
{
isExpanded:错,
类别名称:“BİGA”,
子类别:[
{id:'Karabiga',val:'Karabiga'},
{id:'UzunderePlaji',val:'uzundereplajı'},
{id:'KemerKoyuSahili',val:'KemerköyüSahili'},
{id:'SahmelekKoyu',val:'ahmelekkoyu'},
},
{
isExpanded:错,
类别名称:'B