在下面这个图片中 item[0]是什么

来源：5-9 基于react-navigation的APP导航框架搭建-顶部导航-

宝慕林8566648

2022-07-05

图片描述

_getTabs()返回的是tabs
而tabs的结构大概是这样 (有多少个取决于keys的数量)
{
tab0 = {
screen:,
navigationOptions:{
title:item.name,
}
},
tab1={
screen:,
navigationOptions:{
title:item.name,
}
},
tab2={
screen:,
navigationOptions:{
title:item.name,
}
},
}

在.map()的循环里面就是循环每一个 tabs里的元素
item[0]指向那不就是 tab0 tab1 tab2 这个值在程序中现在是没有意义的吧

写回答

1回答

CrazyCodeBoy

2022-07-06

这里的item代表的是：
tabs[`tab${index}`]:{
        screen: (props) => (
          <Component {...props} {...extra} tabLabel={item.name} theme={theme} />
        ), //初始化Component时携带默认参数 @https://github.com/react-navigation/react-navigation/issues/2392
        navigationOptions: {
          title: item.name,
        },
}
这里用Object.entries解构的，其中item[0]指的是`tab${index}`。

RN入门到进阶，打造高质量上线App

解锁React Native开发应用新姿势，React Native新版本热门技术

3144 学习 · 3241 问题

查看课程

相似问题

<Tab.Screen key={item[0]}...../> item[0] 是什么

回答 2

Object.entries(tabs).map((item) item是怎么变成数组的

回答 1

如图，react-native-parallax-scroll-view 在iOS下背景图片不出来

回答 2

打包后图片资源加载问题

回答 1

想问一下，安卓的这个配置都是按你这章内容写的，但是为什么界面不太一样呢？而且效果那个标题我不知道在哪

回答 2

打开慕课网App查看更多内容