问题标签 [tcomb-form-native]

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 投票
0 回答
1310 浏览

android - 反应本机日期选择器控件中的禁用日期

我想在本机反应中禁用日期选择器控件中的某些日期。我正在使用“Date Picker Android”和“Date Picker IOS”,如果有人有任何替代解决方案?

我要在我的项目中实施的案例:我如何在未来每周禁用周末?

我在 github https://github.com/gcanti/tcomb-form-native/中尝试了控制“tcomb-form-native”,但我在这个控件中找不到我需要的东西

.

谢谢

0 投票
1 回答
1180 浏览

react-native - tcomb-form-native 动态设置错误

假设我有包含以下字段的登录表单:

数据用户输入字段验证,然后我向身份验证服务器发送请求,服务器另外验证接收到的数据,结果证明没有用户具有此类凭据。所以它根据响应返回:

问题是,如何将动态错误设置为 tcomb 属性?比如: this.refs.form.getComponent('password').refs.input.addError(someError);
有可能吗?

0 投票
1 回答
1328 浏览

react-native - 在 react native 中使用 tcomb form native

我正在使用tcomb在其中构建一个表单react-native,我的表单中的一个字段是birthDate: t.maybe(t.Date),但它似乎没有样式

在此处输入图像描述

我还添加configoptions

0 投票
1 回答
2529 浏览

validation - 使用 tcomb-form-native 验证字符串是否相等(确认密码)

confirmPassword如何使用 tcomb-form-native 库验证我的字段?

电子邮件和密码字段非常琐碎,但我不知道如何与模型中另一个字段的现有值进行比较。

这是我的代码。

我调查了文档https://github.com/gcanti/tcomb-form-native#disable-a-field-based-on-another-fields-value但我无法理解。

0 投票
1 回答
646 浏览

react-native - 所有输入字段的returnKeyType?

如何将 returnKeyType 设置为一个应用程序内的所有 TextInput 字段?

我目前正在使用 tcomb-form-native 并且必须为每个字段再次定义 returnKeyType ,我只想定义一次并且应该在每个组件中工作。

有任何想法吗?

0 投票
0 回答
100 浏览

css - 选择将无法正确对齐

我有一个在两个文本框之间进行选择的表单,并且选择与其他文本框的顶部不完全对齐。见截图

它与边界半径 0 对齐很好,但是当我尝试像其他输入一样设置它的样式时,对齐就会消失。其余输入的边界半径为 3。我注意到当我将边界半径从 1 增加到 3 时,选择的对齐变得更糟。

这是我的输入和选择CSS:

0 投票
0 回答
686 浏览

ios - React Native - 日历类型

在反应本机应用程序中,我有一个本机日期选择器组件,它使用与设备日历类型相同的日历类型。

对于 ios 设备,有更多的日历类型公历,佛教日历..等。

例如,如果选择的用户默认设备日历类型是佛教日历,并且在应用程序中它使用相同的类型。但无论设备日历类型如何,我都需要应用程序始终使用公历类型。

任何人请帮我解决这个问题,谢谢。 在此处输入图像描述

已编辑

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
469 浏览

javascript - 从 TForm.getValue() 获取值时避免显示错误消息

我有 2 个文本框

  • 电子邮件
  • 密码

我想禁用该按钮,直到用户输入有效的电子邮件和密码。因此,在 onChange 方法中,我检索form.getValue()触发验证的值,如文档中所述。如果值为null,我将按钮的禁用状态更改为trueelse false。我只想在输入失去焦点或提交而不是每次getValue()调用时显示错误。

一旦onChange被触发,表单就会开始在所有字段中显示错误,因为我调用了form.getValue(). 我只想在用户移动到下一个文本框(焦点从当前文本框丢失)或用户点击提交时才显示错误。当用户刚开始在文本框中输入时,我不想用错误消息来纠缠他。

重现步骤

  • 使用包含错误消息的选项创建 2 个表单字段(带有细化的电子邮件和密码)
  • 检索 onChange 方法中的值
  • 您将开始看到错误消息。

代码

版本

tcomb-form-native v0.6.11

0 投票
1 回答
592 浏览

javascript - 如何将值从 tcomb-form-native 传递给 reducer?反应 + 还原

在我的项目中,我使用tcomb-form-native库来验证表单。Redux 工作正常,但我无法将输入值传递给减速器。我必须这样做,因为我想用字段中的数据创建数组。

如何将输入值传递给减速器?或者也许这个库不可能,我必须使用另一个库?

表单.js

减速器.js

0 投票
1 回答
561 浏览

react-native - 如何在 tcomb-form-native 中设置选择小部件的样式

我可以为选择小部件的选项部分设置样式——小部件的底部。但我不知道如何设置选择小部件顶部的样式——类似于文本框的部分。如何为屏幕截图中“品牌”选择的顶部元素设置白色背景颜色。

如何设置选择小部件的文本框部分的样式