由于 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) 我正在尝试在我的项目中的 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 的分页)?