我正在使用React Native构建移动应用程序,我正在使用React Navigation在我的应用程序中构建导航器.React导航为我提供了一个很好的方法来处理抽屉内的嵌套Tab栏,它也在Stack Navigator中.
问题是我需要指定组件,以便我可以将它们提供到Tab栏中.让我们说我们必须从API中获取一些类别,我们不知道数据中有多少类别.此外,我无法弄清楚即使我尝试在启动时获取数据,导航器和redux配置也会在启动时发生,这意味着应用程序必须知道这些选项卡导航器中的组件.我无法弄清楚即使我从API获取数据,我如何创建多个组件并停止应用程序配置.
下面的代码,演示了我如何实现标签栏.此代码在index.js中有效,因为正如我之前提到的,应用程序必须知道Navigator中的组件.
const TabStack = TabNavigator({
Food: { screen: FoodStack},
Drink : { screen: DrinkStack },
HealthCare : { screen: SnackProducts },
Snacks: { screen: SnackStack },
},
{
tabBarComponent : props => <CustomTabItems props={props}/>,
tabBarPosition: 'top',
animationEnabled : true,
initialRouteName : 'Food',
swipeEnabled: true,
tabBarOptions : {
scrollEnabled : true
}
})
Run Code Online (Sandbox Code Playgroud)
谢谢
这里是根代码
import { AppRegistry } from 'react-native';
import React from 'react';
import { Text, Image, ScrollView, View, List, ListItem, TouchableWithoutFeedback } from …
Run Code Online (Sandbox Code Playgroud)我在我的视图中有这样的声明,并且绑定有值,让我们说6970.87127381382131831,但是,我想将它限制在最多2位小数.由于我使用ngFor列出元素,因此无法使用.toFixed(2)来限制对象.谢谢你们 !
{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier }}
Run Code Online (Sandbox Code Playgroud)
我试过以下方法:
{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier | number : 2 }}
Run Code Online (Sandbox Code Playgroud)
没帮我.
我正在使用 CDK 在 AWS 上构建我们的基础设施。我为微服务创建 IAM 用户,以便根据定义的策略与 AWS 服务进行通信。我的问题是我无法获取 aws 密钥和 id,然后将其作为 Env 变量传递到我的容器。见下文:
首先,我创建将由我的微服务使用的 IAM 用户。
const user = new User(this, "user", {
userName: `${myAppEnv}-api-iam-user`,
});
Run Code Online (Sandbox Code Playgroud)
其次,我正在尝试创建访问密钥。
const accessKey = new CfnAccessKey(this, "ApiUserAccessKey", {
userName: user.userName,
});
const accessKeyId = new CfnOutput(this, "AccessKeyId", {
value: accessKey.ref,
});
const accessKeySecret = new CfnOutput(this, "SecretAccessKeyId", {
value: accessKey.attrSecretAccessKey,
});
Run Code Online (Sandbox Code Playgroud)
接下来,我想将其作为环境变量传递。
const apiContainer = apiTaskDefinition.addContainer(containerId, {
image: apiImage,
environment: {
APP_ENV: myAppEnv,
AWS_ACCESS_KEY_ID: awsAccessKeyId.value || ":(",
AWS_SECRET_ACCESS_KEY: awsSecretAccessKey.value || ":(",
NOTIFICATIONS_TABLE_ARN: notificationsTableDynamoDBArn, …
Run Code Online (Sandbox Code Playgroud) amazon-ecs ×1
amazon-iam ×1
angular ×1
aws-cdk ×1
decimal ×1
javascript ×1
react-native ×1
tabnavigator ×1