小编Gab*_*flo的帖子

在 createMaterialTopTabNavigator ReactNavigation 5 中添加图标

由于 React Navigation 从版本 4 传递到版本 5,我无法找到如何显示图标而不是标签。我用过像这里这样的东西但我得到了

创建导航器不需要参数。也许您正在尝试将 React Navigation 4 API 与 React Navigation 5 结合使用

我找不到如何为我的每个屏幕传递 tabBarIcon ..

附上我的简化代码,有人可以帮助我吗?

import React, { useState } from 'react'
import { Icon } from 'react-native-elements'
import { NavigationContainer } from '@react-navigation/native'
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'

import OverViewComponent from '..'
import MatosComponent from '..'
import PhotographerComponent from '..'

const Tab = createMaterialTopTabNavigator()

export default function App() {
  const [start, setstart] = useState(
    new Date(xxxxx)
  )
  const …
Run Code Online (Sandbox Code Playgroud)

navigator reactjs react-native react-navigation

3
推荐指数
1
解决办法
1012
查看次数

React 中的 Swiperjs:swiper.slideTo TypeScript

我正在尝试在我的项目中的 Typescript 文件中使用 Swiperjs。我想从另一个组件更改活动幻灯片(选项卡,来自材料 UI,已经就位)。我可以直接在 Swiper 组件中滑动,但我希望在其他地方和其他地方也能实现这一点。

但是我没有找到在组件外部触发该方法slideTo此处为API)的方法

...
<Swiper
   onSlideChange={(swiper) => setValue(swiper.realIndex)}
   ...
> 
Here my slides, other components, ...
</Swiper>
Run Code Online (Sandbox Code Playgroud)

所以理想情况下我宁愿有这样的东西:

...

function handleExternalChangeSlide=(newSlideIndexToShow)=>{
   swiper.slidesTo(newSlideIndexToShow)
}

<Swiper
   onSlideChange={(swiper) => setValue(swiper.realIndex)}
   ...
> 
Here my slides, other components, ...
</Swiper>
Run Code Online (Sandbox Code Playgroud)

我见过很多人这样做:

var swiper = new Swiper('.swiper-container', {
  ... options
});

function handleExternalChangeSlide=(newSlideIndexToShow)=>{
   swiper.slidesTo(newSlideIndexToShow)
}
)
Run Code Online (Sandbox Code Playgroud)

但实际上,Typescript 声称:只能使用“new”关键字调用 void 函数,我不知道如何处理它

您是否看到任何方法可以继续在我的 .tsx 文件中的 Swiper 组件之外更改活动幻灯片(不使用 Swiper 的分页)?

typescript reactjs swiper.js

2
推荐指数
1
解决办法
9241
查看次数