问题标签 [react-native-button]

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 投票
1 回答
885 浏览

react-native - React Native Button导致Invariant Invalid

对于我的一生,我无法弄清楚为什么这一点代码不起作用!

我已将问题隔离到 Button 元素(导入语句似乎很好)。

我看到错误“不变违规:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。检查登录的渲染方法。

0 投票
2 回答
272 浏览

typescript - 无法在使用本机反应的打字稿中使用 StatelessComponent

我正在尝试扩展react-native-button库的Button组件。

使用扩展组件的类:

我的扩展组件类DefaultButton.tsx

但是上面的代码会导致:

在此处输入图像描述

关于我的代码出了什么问题的任何线索?

PS这里是我正在使用的库版本:

0 投票
14 回答
162906 浏览

reactjs - React-Native Button 样式不起作用

导入_this

这是我的 React Button 代码但样式不起作用 Hare ...

我也尝试过这段代码

更新问题:

我也尝试过这种方式..

风格

但没有输出:我的手机截图:- 我的手机截图:-

0 投票
2 回答
982 浏览

react-native - React Native:在给定来自 Fetch(Url) 请求的数据的情况下,制作按钮元素列表的最佳方法是什么?

我想列出用户可以点击的按钮元素。按钮元素的数量将在 3 到 5 之间变化,具体取决于我执行的获取请求的结果。我知道如何根据获取请求的结果而不是按钮的内容来填充平面列表。有什么帮助吗?

例如,使用这个 JSON,假设我想为那里的电影数量渲染按钮,每个按钮都有电影的名称。电影的数量会有所不同。

0 投票
0 回答
638 浏览

reactjs - 嵌套时反应本机按钮不起作用

刚开始使用本机反应,我无法使按钮正常工作 按钮 1 按预期工作,但按钮 2 嵌套并且不工作

``` import { StyleSheet, View, Text, Button, TouchableHighlight } from "react-native"; 从“react-native-easy-grid”导入 { Col, Row, Grid };

0 投票
1 回答
1593 浏览

react-native - React Native Button:适合文本布局

在来自 React-Native 的 Button 文档中,显示了一张图片,上面写着:Fit to text layout. 这就是我要搜索的内容,因为我的按钮始终具有全宽,但我希望它仅与文本一样宽。但无论是在文档中还是在此处的按钮代码中,我都找不到与该道具相关的内容或它如何实现。有人知道如何获得它吗?

0 投票
3 回答
1904 浏览

react-native - 删除连续 2 个按钮之间的空格

我连续有 2 个按钮位置,如下所示:

在此处输入图像描述

我想删除两个按钮之间的空间,并将它们并排排列成这样:

在此处输入图像描述

我怎样才能做到这一点?

我的代码:

我在用import { Button } from "react-native-elements";

0 投票
1 回答
41 浏览

react-native - 我构建了自己的按钮组件,但无法正常工作

我使用 React Native 构建了自己的按钮组件,并尝试在我的代码中使用它。我现在要做的就是让它记录控制台消息,但由于某种原因它没有这样做。

按钮组件

使用按钮的代码

我可以按下按钮,但控制台窗口上没有显示任何内容。

0 投票
1 回答
97 浏览

javascript - React Native:使用按钮运行一个类

我正在尝试使用按钮运行课程,但无法使其正常工作。我知道,如果我想运行一个类,我只需要使用:

所以,我试着这样做:

但是,我遇到了一个错误,所以我可能做错了什么。任何人都可以帮忙吗?

0 投票
4 回答
3267 浏览

react-native - 图标未显示在 react-navigation-header-buttons 中(React Native)

我正在尝试使用 react-navigation-header-buttons 库向 headerRight 添加一个图标。但是显示的是图标的标题而不是图标。

这是应该显示图标的代码。

这是标题按钮的自定义组件。

只有标题中的标题显示在 headerRight 中。

React Native 版本:5 react-navigation-header-buttons 版本:3.0.5