小编Ali*_*Ali的帖子

Prettier 未正确格式化空行

在下面的 React Native 代码中,我期望prettier删除空行,但事实并非如此。

screenOptions={{
  headerTitleStyle: {
    color: "#a41034",

    fontWeight: "bold",
  },
Run Code Online (Sandbox Code Playgroud)

为什么会这样?

javascript react-native prettier

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

在 React Navigation 5 中传递参数

我正在尝试在选项卡导航器之间传递一些参数。下面是我的程序的结构。粗体字为路线

应用程序(选项卡导航器):{(堆栈)和过滤器(屏幕)}

主要(堆栈导航器):{ Home(屏幕)和MediaDetails(屏幕)}

我在屏幕上有一个与Filter关联的按钮,它具有onPress()函数。我传递了一些参数(但为了解决这个问题,我们只考虑参数) 。

this.props.navigation.navigate('Home', {
    to: this.state.to,
}
Run Code Online (Sandbox Code Playgroud)

现在在与Home关联的屏幕中,我正在读取状态内的参数,如下所示:

state = {
    to: this.props.route.params.to
}
Run Code Online (Sandbox Code Playgroud)

在App.js内部,我将to的初始值设置为“2020”,如下所示:

<Stack.Screen 
    name="Home" 
    component={HomeScreen}                 
    initialParams={{
       to: '2020'
    }}
/>
Run Code Online (Sandbox Code Playgroud)

初始值确实设置为2020。我按下按钮。假设我设置1900 就在this.props.navigation.navigate执行之前,我console.log(this.state.to)该值,它确实更新为1900。但是,当屏幕更改为Home时,该值将恢复为2020(通过 console.log 观察到)

有人能指出这种怪异行为的原因吗?我已经尝试调试这个好几个小时了,但没有成功。React Navigation 5 也很新,所以在网上找不到类似的东西。任何帮助将不胜感激。感谢您一路以来的阅读。

编辑:问题已解决,完整代码已删除!

react-native react-navigation react-navigation-stack react-navigation-bottom-tab react-navigation-v5

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

任何导航器均未处理带有有效负载的 POP 操作

我不知道是什么导致了我的 React Native 应用程序中的这个错误。我正在使用 React Navigation 库的版本 5。

在此输入图像描述

有时会随机使应用程序崩溃。谷歌搜索并没有帮助我理解这是什么。这是非常有选择性的,但这是一件好事(或坏事)。

那么这意味着什么以及可能导致它的原因是什么?

react-native react-navigation react-navigation-stack react-navigation-bottom-tab react-navigation-v5

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

Chrome 性能分析器中的“计时”选项卡缺失

因此,我在Chrome 开发者工具“性能”选项卡内的“计时”部分成功监控了 React Native 应用程序的性能。

在应用程序的特定重新加载后, “计时”选项卡突然丢失了。

在此输入图像描述

我尝试过重置 chrome、重新启动计算机并更改开发人员工具中的一系列选项,但似乎没有任何效果。

有人可以解释一下发生了什么以及我该如何解决这个问题吗?

任何帮助将非常感激。谢谢!

performance profiler google-chrome-devtools react-native react-devtools

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