问题标签 [shoutem]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
253 浏览

react-native - 我怎样才能用内容包装@shoutem/ui 制作网格视图 3 行

嘿伙计们,我尝试使用列表视图@shoutem/ui 并对此有疑问!这是我的 renderRow 代码

并且在函数 render() 我定义了 1 个分组数据,例如: const groupedData = GridRow.groupByRows(this.state.dataArr, 3);

但我的结果并不好!行中图像与近行冲突 喜欢这张图片!请帮助我一些解决方案可以解决这个问题!我在教程中尝试了所有样式的图像,但仍然无法正常工作:(这是我的脸:

在此处输入图像描述

0 投票
1 回答
147 浏览

react-native - 如何在@shoutem/ui 中使用文本输入创建视图

我尝试使用@shoutem/ui,我想创建这样的视图: 在此处输入图像描述

但我不能这样做,用我的代码,我总是得到这样的图片: 在此处输入图像描述

这是我的代码:

请给我一些解决方案可以解决它!

0 投票
2 回答
1682 浏览

react-native - 我如何在 ScrollView @shoutem/ui 中使用 Web 视图和一个视图

我尝试在我的项目中使用@shoutem/ui!我有一个带有 Webview 的组件和一个内部视图!我想把它设计成这样:Webview 全屏,当滚动到结束 WebView 我想看到 View,然后我尝试使用 ScrollView 然后把 WebView 和 View 放在里面,这是我的代码:

但我认为我在某些地方出错了!这是我的结果: 在此处输入图像描述

请帮我解决这个问题!非常感谢你们

0 投票
2 回答
2495 浏览

react-native - React Native:当道具更改时更新 ListView Row

我确实有一个具有renderRow()功能的 ListView 组件。我ListBountiesView呈现 ListView Row 的自定义组件还采用一个名为的道具cr,并根据cr.

问题是,当this.props.customerRelationship更改其值时,ListView 行不会得到更新。

我正在这样做:this.props.customerRelationship.points += responseJson.points;

我想ListView只有在属性更改时才会更新data,但是如何将道具移动到我的 renderRow 组件,以便它们也更新 ListView?

SuperScreen.js

0 投票
1 回答
584 浏览

react-native - 我如何修改主题默认@shoutem/theme

我创建了新项目 react native,然后我通过 nom install 将@shoutem/ui、@shoutem/theme、@shoutem/animation 安装到我的项目中......!但是当我试图找到更好的方法来修改全局主题时我遇到了问题。我在文件夹 node_module/shoutem/ui 中找到了 theme.js,如下图所示! 在此处输入图像描述

那么修改所有应用程序的最佳方法是修改这个 theme.js 文件?当我尝试修改 1 内容,如查看,图片跟随教程在这里: https ://github.com/shoutem/theme 我的导航栏出现了如下图所示的错误: 在此处输入图像描述

那么你们可以帮助我,建议我修改shoutem的全局主题默认值的最佳方法吗?修改 theme.js 还是使用其他东西?

还有一件事情!当我尝试通过https://builder.shoutem.com/构建应用程序时,然后使用终端拉应用程序!我有项目!但是看不到里面的任何代码,只有扩展和这么多信息!builder完成后不知道什么是真实代码!这是拉应用程序完成后的图片项目! 在此处输入图像描述

这是索引文件: 在此处输入图像描述

那么,如果仅对 index.js 文件中的信息进行排序,我该如何学习:(

0 投票
1 回答
681 浏览

react-native - 我如何为彩色图标导航栏充电@shoutem/ui

我试图创建 react native 项目和 UI 扩展 @shoutem/ui 的组件,但是当我使用 @shoutem/ui 的 NavigationBar 时,我无法更改 NavigationBar 内内容的颜色,如下图所示,新闻总是变成黑色,如何将其更改为白色?这是我的代码:

这是我的结果:

在此处输入图像描述

请帮我解决这个问题!或者建议我以某种方式解决它!非常感谢你们!

0 投票
1 回答
102 浏览

android - 通过 Shoutem 平台修改 AndroidManifest.xml

在这种情况下,我想为权限(FINE_LOCATION)添加/修改 AndroidManifest.xml,所以我查看了它在 Shoutem firebase 扩展(https://github.com/shoutem/extensions/tree/master/shoutem-火力基地)。

在预览应用程序中,这不是必需的,该应用程序已经获得了位置(以及更多)权限,但我认为如果我想将它提交到 Play 商店/手动安装它,应该将它添加到我的自定义扩展中Android 设备(如果我猜错了请纠正我)。

问题

我是否完成了使用 Shoutem 平台修改 AndroidManifest.xml 的正确步骤?

结果

使用 Shoutem CLI 构建成功,但 CLI 在复制到构建文件夹时挂起,在 Android 设备上安装失败

我做了以下事情: - 在 /app 中创建了一个 AndroidManifest.xml:

更新了 app/package.json,添加了:

/scripts/run.js 的内容:

/android/copy_custom_manifest 的内容:

与 firebase 扩展相同,我的 username.extensionname 在 extensionPath 中:

我在构建过程中没有遇到错误,但应用程序不会安装在物理设备上,使用:

shoutem build-android

控制台输出:

0 投票
2 回答
258 浏览

react-native - React Native / Shoutem:navigateBack()不起作用

我的问题是我想从 BountyDetailsS​​creen 导航到 LoyaltyScreen,但 navigateBack() 函数调用不会触发任何操作。当我记录功能时,它说:

在此处输入图像描述

我唯一注意到的是,navigationStack 是空的。当我navigateTo对它正在工作的功能做同样的事情时,但是我的导航堆栈搞砸了。

在我的 LoyaltyScreen.js 中,我正在显示一个 ListView。它是一个 RN ListView(不是从shoutem 导入的)。

LoyaltyScreen.js

ListBountiesView.js

ListBountiesView 呈现每个 ListView 行并在单击该行时打开一个详细信息屏幕。

BountyDetailsS​​creen.js

在 BountyDetailsS​​creen 中,我显示详细信息,并希望在按下按钮时将 navigateBack() 导航到忠诚度屏幕。

0 投票
1 回答
125 浏览

react-native - 有没有办法解决android设备中的问题

我尝试在我的项目中使用shoutem/ui!我为登录/注册创建了一个组件,它在 iOS 中运行良好,但在 android 上我遇到了如下图所示的问题,这是我的代码:

这是iOS/android的结果: 在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
287 浏览

shoutem - 实现Hero动画,如shoutem 关于扩展

我尝试像在shoutem About 扩展中那样实现英雄动画。基本上,我将 animationName 添加到 NavigationBar 和扩展中的 Image 中。我还必须添加 ScrollDriver,否则它会出错。但似乎 NavigationBar 没有将驱动程序传递给它的子组件,所以我仍然收到此错误。是否可以像这里演示的那样实现英雄动画?https://medium.com/shoutem/declare-peace-with-react-native-animations-e947332fa9b1

谢谢,

在此处输入图像描述