android - 将新屏幕推送到堆栈时,Android 上的从左到右动画与 react-native-navigation
问题描述
在带有 的 Android 上react-native-navigation
,当将新屏幕推送到堆栈时,我希望过渡动画从左到右(反之亦然,对于 RTL 布局)在 iOS 中这是默认设置,而在 Android 上 - 它似乎与交叉溶解动画一起显示。如何实现 iOS 中的水平动画?
解决方案
这是一个示例堆栈导航器:
import { createStackNavigator, CardStyleInterpolators } from "@react-navigation/stack";
class CompaniesIndex extends React.Component<
ICompaniesIndexProps,
ICompaniesIndexState
> {
render() {
return (
<CompanyStack.Navigator
mode="modal"
screenOptions={{
cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS
}}
initialRouteName="AllCompanies">
<CompanyStack.Screen
options={{
title: "Firma Listesi",
header: (props) => <Header {...props} />,
}}
name="AllCompanies"
component={CompaniesAll}
/>
<CompanyStack.Screen
options={{
title: "Yeni Firma",
header: (props) => <Header {...props} />,
}}
name="NewCompany"
component={CompanyNew}
/>
<CompanyStack.Screen
options={{
title: "Firma Detayı",
header: (props) => <Header {...props} />,
}}
name="CompanyDetails"
component={CompanyDetails}
/>
</CompanyStack.Navigator>
);
}
}
您可以通过添加screenOptions={{cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS}}
堆栈导航器来实现这一点。
推荐阅读
- python - 简单:为什么函数 B 内部的函数 A 不更改传递给它的全局变量?
- c++ - 可以由多个后端实现的类,并且可以通用到使用该类的代码
- python - 逐行读取原始二进制文件,将其转换为ascii并以相同的方式将其存储为.txt格式
- android - 我在哪里可以在 Google Play 管理中心编辑我的应用权限?
- java - java.lang.IndexOutOfBoundsException:索引:1,大小:Kotlin 中的 1
- c# - 如果服务器崩溃,我如何确保数据不会丢失
- jdbc - 如果模式是时间戳并且列具有空值,kafka 连接器将如何将记录发布到主题
- javascript - MathJax 中的 HTML 实体(<、> 和 &)支持
- android - Kotlin:所有 WebView 方法必须在同一个线程上调用
- mysql - 有没有办法通过 mysql 中的格式别名进行 desc 排序?