程序员经验分享-hwhale

在屏幕中间创建可滚动选项卡的最佳方法？

2024-04-14

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


迟到的答案，但是（供其他人和未来参考），react-navigation 使用这个包，react-native-tab-view：https://github.com/react-native-community/react-native-tab-view https://github.com/react-native-community/react-native-tab-view

对于他们的标签。

您可以将其嵌套在屏幕中，就像您想要的那样（前面的答案仅解决了导航器内部的导航器，而这不是您想要的）。

这是一个示例（不完全像您想要的那样，但您知道可以。所以不要使用背景图像，而是将其交换并相应地使用视图或滚动视图来创建该布局）：

https://snack.expo.io/@satya164/collapsible-header-with-tabview https://snack.expo.io/@satya164/collapsible-header-with-tabview

干杯:)

编辑：毕竟我刚刚找到了一种仅使用反应导航的方法：

https://snack.expo.io/@mattx/collapsible-header-tabs https://snack.expo.io/@mattx/collapsible-header-tabs

一探究竟

和另一个图书馆：https://github.com/benevbright/react-navigation-collapsible https://github.com/benevbright/react-navigation-collapsible

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactNative

tabs

nested

reactnavigation

在屏幕中间创建可滚动选项卡的最佳方法？ 的相关文章

  • Vim：垂直选项卡列表可以吗？

    是否可以让 vim 的选项卡列表垂直显示在编辑器的左侧 这确实很有帮助 但我还没有找到任何可以做到这一点的插件 我对谷歌很烂吗 我同意兰迪关于选项卡使用的观点 但前段时间我也在寻找在 gvim 中添加垂直制表符的可能性 为此 您必须修改源

  • Scrollview onEndReached 内的 Flatlist

    我在动画 ScrollView 中有一个 Flatlist Flatlist 实现了 onEndReached 阈值设置为 0 5 我面临的问题是 onEndReached 不断触发 甚至没有滚动 我有一个带有正文的文章视图 我想在用户到达

  • Material UI 选项卡：嵌套选项卡会导致无效值错误

    嵌套选项卡会导致控制台中出现以下错误 梅 value提供给 Tabs 组件无效 带有这个的选项卡value 0 不是文档布局的一部分 确保文档中存在或不存在该选项卡项display none In the 基本选项卡 https mui c

  • React Native - 方向锁定；我还能获得传感器的方向吗？

    我正在开发一个 React Native 应用程序 该应用程序设计为以纵向模式运行 方向通过清单锁定

  • 什么是expoClientId？

    我正在 Expo 中使用 Google 身份验证官方文档 https docs expo dev guides google authentication 在他们的示例中 他们使用以下代码块 const request response p

  • 如何将react-native与php一起使用并获取返回数据始终为空

    我的回报始终为空 我似乎无法让它发挥作用 我如何将react native与php一起使用并获取json 任何人都可以帮忙吗 PHP myArray array myArray lat POST lat myArray lng POST l

  • React Native 中文本的图像识别

    这可能是一个疯狂的问题 但我已经看到应用程序完成了 是否有任何类型的 API 可用于识别图像中的文本 Chase 识别支票上的数字的方式 或者是否有一个 API 可用于搜索 比如谷歌 基于图像的信息 例如 如果我拍了一张企业徽标的照片 谷歌

  • 图像未使用 require 加载本地文件

    我想加载本地图像 但是使用 require 方法它总是给我错误 在这种情况下我如何在 require 中传递 this props image my code Card js 我试过这个 class Card extends Compone

  • 寻找嵌套列表中的最低值？

    我正在尝试编写一个函数 它接受一个列表并可以打印该列表中的最小整数 现在我试图弄清楚在嵌套列表中该怎么做 如果最低数字位于这些嵌套列表之一中 那么总的来说它将打印该数字 我的代码在这里 def listMin list2 3 4 2 99

  • 在 React Native 应用程序中哪里可以获取 EXPO DEBUG 值？

    当我尝试登录 expo 时出现此错误 exp Set EXPO DEBUG true in your env to view the stack trace 你知道我到底要在哪里设置值吗EXPO DEBUG EXPO DEBUG是一个环境变

  • 无法解析模块@react-native-async-storage/async-storage

    将 aws amplify 添加到项目后出现此错误 根据文档完成了 aws amplify 的设置 然后 pod install 和 react native run ios 我也尝试过更改下面错误建议中提到的导入语句 但仍然不起作用 提前

  • 删除某些屏幕的顶部导航栏

    有没有办法仅删除特定屏幕的顶部导航栏 我正在使用反应导航 我已经尝试过以下操作 header visible false 但它只隐藏导航栏 导航栏的空间仍然无法使用 提前致谢 我用headerShown像这样标记 import React

  • 使用 .fromkeys 初始化嵌套字典[重复]

    这个问题在这里已经有答案了 您好 我想知道创建嵌套字典时使用 fromkeys 方法创建嵌套字典不起作用 x 1 2 3 4 5 y 7 8 9 10 11 zx dict fromkeys x dict fromkeys y 0 它创建一

  • React Native 初始化挂起

    我无法通过以下方式创建新的 React Native 项目react native init

  • 可能未处理的承诺拒绝（id 0）类型错误 GET 或 HEAD 请求不允许主体

    import React from react import FlatList ActivityIndicator Text View from react native export default class FetchExample

  • 在 React Native 中调试应用程序崩溃

    我是 React Native 新手 我正在尝试安装 React Native Facebook SDK 以便我可以使用我的应用程序进行 Facebook 登录 我按照此处列出的步骤操作 https tylermcginnis com in

  • React Native 从 JavaScript 代码内部访问 strings.xml

    有没有办法访问当前值android app src main res values strings xml从 JavaScript 代码内部 我想为每个构建放置不同的端点 URL 但我什至无法检测到反应本机代码内的构建类型 而不必求助于 D

  • 我可以将标头传递给图像源吗？

    我的图像源是安全的 所以理想情况下我想执行以下操作

  • 带有 JEditable 字段的 Tab 键

    我有一个使用 JQuery 和 Jeditable 在页面上创建可编辑文本元素的页面 在编辑元素时 我希望能够从一个元素切换到下一个元素 我不确定如何 使用jeditable或jquery捕获tab键事件 keycode 9 一旦检测到该事

  • 如何纠正流警告：解构（缺少注释）

    我正在编写一个小型 React Native 应用程序 并且正在尝试使用 Flow 但我无法在任何地方真正获得有关它的正确教程 我不断收到错误 destructuring Missing annotation 有关 station 这段代码

随机推荐

  • 如何从 Lambda 表达式的字符串动态创建方法

    我的最终目标是创建一个函数 将方法名称动态传递给 Hangfire 库中的类 例如 以下是有效的非动态代码 RecurringJob AddOrUpdate gt myFunction Cron Hourly AddOrUpdate 第一个

  • 使用 Assembly.LoadFrom 加载泛型类型

    参考 Jon Skeet 的回答 将实例化的 System Type 作为泛型类的类型参数传递 https stackoverflow com q 266115 592111 我需要根据泛型类型的名称以及作为泛型类型参数的类型名称来加载泛型

  • 如何使用 Win2D 计算 FontFamily 的高度（行距）？

    我想知道如何在 Window 通用应用程序中计算给定字体的高度 及其属性 如大小 粗细 样式 使用Win2D 我以前用过一个CanvasTextLayout 但它需要一个text工作 就像这一行 var ctl new CanvasText

  • Angularjs 的 $http.get 在 IE11 中只执行一次

    我正在学习 angularjs 作为一个测试项目 我正在轮询返回活动进程 它们的 pid 列表并显示这些的服务器 客户端代码如下所示

  • CodeIgniter 和 AJAX 表单提交

    我正在尝试将从表单提交的数据保存到我的 mysql 数据库中 然后将最后发布的项目添加到 div 列表中来更新 div 元素 现在我只是想得到回复 我并不担心目前的格式是否正确 我的问题是表单不会提交e preventDefault 到位

  • Keras Concatenate TypeError：__init__() 得到参数“axis”的多个值

    我目前正在尝试重新创建 Unet 在需要合并两层输出的 上卷积 部分 我得到了提到的错误 类型错误 init 获得参数 轴 的多个值 喀拉斯版本 2 0 6 张量流 GPU 1 2 1 代码片段 import gzip import os

  • 在 Hibernate 4 中创建会话工厂

    我在 Hibernate 4 中生成会话工厂时遇到问题 在 Hibernate 3 中我简单地做了 org hibernate cfg Configuration conf HibernateUtil getLimsInitializedC

  • 将函数应用于滚动窗口

    假设我有一个很长的清单A我想要计算的值 例如长度 1000 std100 对 即我想计算std A 1 100 std A 2 101 std A 3 102 std A 901 1000 在 Excel VBA 中 可以通过编写例如以下内

  • 如何对具有重复字符的字符串使用 substring 和 indexOf？

    我有以下内容String myString city Denver AND state Colorado 它有重复的 和 我如何检索州名 即科罗拉多州 我尝试了以下方法 String state myString substring myS

  • 如何从控制器运行 symfony 2 run 命令

    我想知道我怎样才能跑交响乐2来自浏览器查询或控制器的命令 这是因为我没有任何可能托管来运行它 并且每个 cron 作业都是由管理员设置的 我什至没有启用exec 因此 当我想测试它时 我必须将命令中的所有内容复制到某个测试控制器 这不是最佳

  • Hive Full Outer Join为相同的Join Key返回多行

    我正在对同一列上的 4 个表进行完全外连接 我想为连接列中的每个不同值仅生成 1 行 输入是 employee1 employee1 personid employee1 name 111 aaa 222 bbb 333 ccc

  • Android：本机线程与主线程同步

    在我的 android 应用程序中 我有一个从本机线程到 Java 代码的回调 需要与主 UI 线程同步 目的是 UI 线程根据从本机线程返回的信息显示选项列表 在用户选择一个选项之前 本机线程需要阻塞 用户选择一个选项后 本机线程读取该值

  • 基于 Q3DScatter 的自定义图表，QCustom3DItem 运行缓慢

    我想制作一个带条形的 3D 图表 条形颜色取决于其大小 两个都Qt 条形图和散点图类型 https doc qt io qt 5 qtdatavisualization overview html接近我正在寻找的东西 我最终创建了一个基于的

  • 将 .odt .doc .ods 文件转换为 .txt 文件

    我想转换所有 odt doc xls pdf文件到 txt files 我想使用 shell 脚本或 perl 脚本将这些文件转换为文本文件 有一个用于 odt 文件和类似文件的程序 odt2txt http packages debian

  • 带 GPU 的 Lightgbm 分类器

    model lgbm LGBMClassifier n estimators 1250 num leaves 128 learning rate 0 009 verbose 1 使用 LGBM 分类器 现在有没有办法通过 GPU 来使用它

  • 将社交登录（使用 Google 登录）添加到现有电子邮件/密码应用程序和数据库的最佳方法是什么？

    我想将谷歌登录集成到已有帐户注册和登录的应用程序中 我遵循了一些 YouTube 教程 现在我的前端可以通过 google 进行工作登录 成功登录后 它会返回一个 JWT 解码后 我会得到一个对象 其中包含电子邮件 姓名 pfp 和其他一些

  • C# 重写实例方法

    所以基本上我有一个对象 它接受实例并将它们添加到列表中 每个实例都使用虚拟方法 创建实例后我需要重写这些方法 我将如何覆盖实例的方法 你不能 您只能在定义类时重写方法 最好的选择是使用适当的Func委托作为占位符并允许调用者以这种方式提供实

  • 确定泛型函数调用了哪个函数

    我想知道如何快速找到特定对象的通用函数调用的特定函数 例子 library spatial data redwood K lt Kest redwood plot K 这不是一个普通的情节 这是一个为Kest 目的 因此 为了调查以找到所使

  • 定义引发异常的 lambda 表达式

    如何编写相当于以下内容的 lambda 表达式 def x raise Exception 以下行为是不允许的 y lambda raise Exception 给 Python 换肤的方法不止一种 y lambda for in thro

  • 在屏幕中间创建可滚动选项卡的最佳方法？

    当您使用个人资料时 Twitter 的移动应用程序在屏幕中间有一个可滚动的选项卡 当您单击屏幕中间的可滚动选项卡时 显示您的个人资料信息等的屏幕上半部分不会改变 推文和回复 媒体 等 我想知道如何创建这个 让一半的屏幕保持不变 然后有改变中

热门标签