小编Tam*_*fer的帖子

我已经使用createMaterialTopTabNavigator创建了一个自定义标签导航器，但是在其中一个标签中，我想创建一个StackNavigator。这可能吗？

我发现很多嵌套在堆栈或抽屉中的制表符示例，但没有嵌套在选项卡中的堆栈示例！

本质上，我想在“选项卡屏幕”之一上具有一些按钮，这些按钮可以导航到其他一些屏幕，但我不想从“选项卡”中导航。（初始选项卡始终可见/选中）-只需单击一个按钮，然后转到另一个屏幕，然后返回即可。

TabNavigator： 
 -设置屏幕（选项卡1）
       -关于我们（单击按钮会打开“关于我们”屏幕）
       -帐户设置（单击按钮可打开“关于我们”屏幕）
       -联系我们（单击按钮可打开“关于我们”屏幕）
 -搜索屏幕（标签2）
 -个人资料屏幕（标签3）

如果有任何建议，将不胜感激！:)

有谁知道如何创建一个文本输入，当您开始输入时，它会自动允许一定数量的数字，并为数字自动分隔反斜杠。

DD / MM / YYYY（我不打算使用日期选择器或库）。

我正在使用React Native for ios创建一个应用程序.我没有活动的tintColor,而是想要在选定的选项卡上显示两个小三角形(另一个图像/图标).重要的是,三角形的中心y轴=对于标签栏图像底部的y轴,并且标签图标位于三角形的中心,如下所示.目前我有标签栏,图标和导航工作 - 我只是不知道如何使三角形出现:

ICON TABS

import React, {Component} from 'react';
import {
     Image,
     TouchableOpacity,
     View
} from 'react-native';

class IconTab extends Component {
    render() {
        let icon = require('./Assets/Settings.png');
        const {press, focused, index} = this.props;
        if (index === 0) {
           icon = require('./Assets/Settings.png');
        } else if (index === 1) {
           icon = require('./Assets/Home.png');
        } else if (index === 2) {
           icon = require('./Assets/Search.png');
        } else if (index === 3) {
          icon = require('./Assets/Inbox.png');
        } else {
          icon …

当您使用个人资料时，Twitter的移动应用程序在屏幕中间具有一个可滚动的选项卡。当您单击可滚动的标签中间屏幕时，显示个人资料信息等的屏幕上半部分不会更改：“推文和回复”，“媒体”等。我想知道如何创建它？让一半的屏幕保持不变，然后让选项卡在中间的屏幕上更改...目前，我将导航选项卡作为我的主导航-因此在这些选项卡之一（配置文件选项卡）上，我想创建与图片..

我已经弄清楚如何创建新用户并将基本字段写入 DynamoDB，例如用户名（字符串），但我找不到将 Union 作为输入之一的方法。

在我的示例中，当用户注册时，我想知道正在使用该应用程序的用户类型：要么是教师，要么是学生（应用程序将使用此信息根据用户类型显示不同的 UI）

我还没有找到任何这样的例子，所以也许这是不可能的？有人这样做过吗？有谁知道你能做到吗？或者也许我不应该试图把这个作为一个联盟来拯救……

我正在使用react-native、AWS Amplify、AppSync、Cognito。

我的架构：

type User
  id: ID!
  name: String!
  userTypes: [UserType]
}

union UserType = Teacher | Student

代码生成突变：

const registerUser = `mutation RegisterUser($input: CreateUserInput!) {
  registerUser(input: $input) {
    id
    name
    createdAt
    updatedAt
    userTypes {
      ... on Teacher {
        id
        name
        subjectsTaught
      }
      ... on Student {
        id
        name
        lessons
      }
    }
  }
}
`;

然后是实际的 React Native 部分：

try {
            await API.graphql(graphqlOperation(registerUser,
                { input: { name: "Tamsyn", userTypes: { Student } } …