• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

react-navigationwithTypeScript

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
 1 import { createStackNavigator,StackNavigationProp } from '@react-navigation/stack'; 

为了对路由名和参数进行类型检查,首先要创建带有路由名到其参数的映射的对象类型

index.js

1 export type stackParamsList={
2 BottomTab:{ 3 screen?:string 4 }; 5 Detail:{ 6 id:number 7 }; 8 }

 1 export type navigationProp=StackNavigationProp<stackParamsList> 导出

这将为NavigatorScreen组件提供类型检查和intelliSense。

 1 const Stack=createStackNavigator<stackParamsList>() 

注释 navigation prop

1 import  { navigationProp } from '@/navigator/index'
2 interface Iprops{
3     navigation:navigationProp
4 }

注释route prop

1 import { RouteProp } from '@react-navigation/native';
2 import {stackParamsList} from '@/navigator/index'
3 type  routeProp=RouteProp<stackParamsList,'Detail'>
4 interface Iprops{
5     route:routeProp
6 }

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
typescript无法识别vue中的$refs发布时间:2022-07-18
下一篇:
Typescript-类发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap