tcomb-form-native 是 React Native 强大的表单处理控件，支持 JSON 模式，可插拔的外观和感觉。
在线演示：http://react.rocks/example/tcomb-form-native。
安装：
npm install tcomb-form-native
示例：
// index.ios.js
'use strict';
var React = require('react-native');
var t = require('tcomb-form-native');
var { AppRegistry, StyleSheet, Text, View, TouchableHighlight } = React;
var Form = t.form.Form;
// here we are: define your domain model
var Person = t.struct({
name: t.Str, // a required string
surname: t.maybe(t.Str), // an optional string
age: t.Num, // a required number
rememberMe: t.Bool // a boolean
});
var options = {}; // optional rendering options (see documentation)
var AwesomeProject = React.createClass({
onPress: function () {
// call getValue() to get the values of the form
var value = this.refs.form.getValue();
if (value) { // if validation fails, value will be null
console.log(value); // value here is an instance of Person
}
},
render: function() {
return (
<View style={styles.container}>
{/* display */}
<Form
ref="form"
type={Person}
options={options}
/>
<TouchableHighlight style={styles.button} onPress={this.onPress} underlayColor='#99d9f4'>
<Text style={styles.buttonText}>Save</Text>
</TouchableHighlight>
</View>
);
}
});
var styles = StyleSheet.create({
container: {
justifyContent: 'center',
marginTop: 50,
padding: 20,
backgroundColor: '#ffffff',
},
title: {
fontSize: 30,
alignSelf: 'center',
marginBottom: 30
},
buttonText: {
fontSize: 18,
color: 'white',
alignSelf: 'center'
},
button: {
height: 36,
backgroundColor: '#48BBEC',
borderColor: '#48BBEC',
borderWidth: 1,
borderRadius: 8,
marginBottom: 10,
alignSelf: 'stretch',
justifyContent: 'center'
}
});
AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);
结果：
-
Awesome React-Native系列: https://github.com/jondot/awesome-react-native 教程 react-native 官方api文档 http://facebook.github.io/react-native/docs/getting-started.html react-native 中文api文档 (翻译中) https://githu
-
React Native 搭建开发环境 npm i -g react-native-cli react-native init demo01 react-native run-ios 获取屏幕宽度 import { Dimensions, StatusBar, SafeAreaView, Text } from 'react-native'; import React from 'rea
-
自己在学习React-Native过程中整理的一份学习指南，包含 教程、开源app和资源网站等，还在不断更新中。欢迎pull requests！ React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.co
-
放弃吧，写的太累，请转战flutter，或者用RN的路由套h5 关于RN的介绍就不多说了，已经好几年了，如今RN的生态圈也已经很成熟了， 基本配套的UI和插件，95%都能找到,如果你有react的基础，1-2天内上手是 没有问题的，如果你没有接触过react，可能需要几天时间适应它的写法，除了对 于前端开发的来说，配置安卓开发环境麻烦点，可能一部分小伙伴，因为这个配 置环境问题就放弃了，windo
-
转载地址:http://blog.68xg.com/android/55.html 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.com/jondot/awesome-react-native 教程 React Native Re
-
转载：https://blog.csdn.net/chichengjunma/article/details/52920137 React Native 项目常用第三方组件汇总： react-native-animatable 动画 react-native-carousel 轮播 react-native-countdown 倒计时 react-native-device-info 设备信息 r
-
React Native 项目常用第三方组件汇总： react-native-animatable 动画 react-native-carousel 轮播 react-native-countdown 倒计时 react-native-device-info 设备信息 react-native-fileupload 文件上传 react-native-icons 图标 react-native-i
-
调用系统打电话、发短信、发邮件、打开网址功能 https://github.com/anarchicknight/react-native-communications 快速检索列表（按首字母） https://github.com/johanneslumpe/react-native-selectablesectionlistview 图表组件 https://github.com/tomaut
-
ReactNative工程根目录中 终端运行如下命令 npm install react-native-action-button --save 相关第三方组件资源 第一部分 react-native-carousel 轮播图 react-native-countdown 倒计时 react-native-device-info 设备信息 react-native-fileupload 文件上传
-
自己在学习React-Native过程中整理的一份学习指南，包含 教程、开源app和资源网站等，还在不断更新中。欢迎pull requests！ React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.co
-
react-native-system-setting 修改系统设置 react-native-picker-select 数据选择 react-native-searchable-dropdown 下拉搜索框 lottie-react-native 动画封装库 VoiceLine-master 声音变化波浪效果 react-native-parallax-scroll-view 类似Scroll
-
自己在学习React-Native过程中整理的一份学习指南，包含 教程、开源app和资源网站等，还在不断更新中。欢迎pull requests！ React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.co
-
自己在学习React-Native过程中整理的一份学习指南，包含 教程、开源app和资源网站等，还在不断更新中。欢迎pull requests！ React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.co
-
React Native 项目常用第三方组件汇总： react-native-svg 绘图 平台：Android，iOS react-native-animatable 动画 react-native-carousel 轮播 react-native-countdown 倒计时 react-native-device-info 设备信息 react-native-fileupload 文件上传 r
-
本文出处： http://blog.csdn.net/chichengjunma/article/details/52920137 React Native 项目常用第三方组件汇总： react-native-animatable 动画 react-native-carousel 轮播 react-native-countdown 倒计时 react-native-device-i
-
CakePHP提供了各种内置标签，可以轻松安全地处理HTML表单。 与许多其他PHP框架一样，HTML的主要元素也是使用CakePHP生成的。 以下是用于生成HTML元素的各种函数。 以下函数用于生成选择选项。 Syntax _selectOptions（array $elements array（），array $parents array（），boolean $showParents null
-
表单控件允许用户输入数据并为他们提供与应用程序的交互功能。 每个Form UI都控制并继承UIComponent类的属性，而UIComponent类又继承EventDispatcher和其他顶级类的属性。 S.No 控制和描述 1 Flex EventDispatcher类 EventDispatcher类是可以调度事件的所有类的基类。 EventDispatcher类允许显示列表上的任何对象成为
-
在Django中创建表单与创建模型非常相似。 在这里，我们只需要继承Django类，类属性将是表单字段。 让我们在myapp文件夹中添加一个forms.py文件来包含我们的应用程序表单。 我们将创建一个登录表单。 myapp/forms.py #-*- coding: utf-8 -*- from django import forms class LoginForm(forms.Form):
-
介绍 用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型，2.5 版本开始支持此组件。 引入 import { createApp } from 'vue'; import { Form } from 'vant'; const app = createApp(); app.use(Form); 代码演示 基础用法 在表单中，每个 Field 组件 代表一个表单项，使用 Field
-
基本表单使用 <form id="my-form" action="/test"> <div class="field-row"> <label class="field-label">姓名：</label> <span data-ui-id="uNameTextBox"><input type="text"></span> </div> <div class
-
表单组件。 Usage 全部引入 import { Form } from 'beeshell'; 按需引入 import { Form } from 'beeshell/dist/components/Form'; Examples Standard 布局设计 一个 Form.Item 内部分成三个区域，label 放在左边，Form.Item 的 children 的第一个元素放在右边，其