React Native Check Box

React Native 的复选框组件
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 React 开源项目
软件类型 开源软件
地区 不详
投 递 者 叶俊郎
操作系统 Android
开源组织
适用人群 未知
 软件概览

React Native Check Box,这是一款方便易用的Check Box组件,支持 Android 和 iOS。

安装:

npm i react-native-check-box --save
import CheckBox from 'react-native-check-box'

运行效果:

基本用法:

 <CheckBox
     style={{flex: 1, padding: 10}}
     onClick={()=>this.onClick(data)}
     isChecked={data.checked}
     leftText={leftText} />;

自定义复选框:

renderCheckBox(data) {
    var leftText = data.name;
    return (
        <CheckBox
            style={{flex: 1, padding: 10}}
            onClick={()=>this.onClick(data)}
            isChecked={data.checked}
            leftText={leftText}
            checkedImage={<Image source={require('../../page/my/img/ic_check_box.png')} style={this.props.theme.styles.tabBarSelectedIcon}/>}
            unCheckedImage={<Image source={require('../../page/my/img/ic_check_box_outline_blank.png')} style={this.props.theme.styles.tabBarSelectedIcon}/>}
        />);
}
  • by Karan Thakkar 由Karan Thakkar 如何在React Native中使用Babel宏 (How to use Babel macros with React Native) 使用codegen.macro解决i18n问题的实际用例 (A practical use case for solving an i18n problem using codegen.macro)

  • 1. 单选 安装: npm i react-native-radio-buttons --save 代码: import React, { Component } from 'react' import {TouchableWithoutFeedback, Text, View, TouchableHighlight, TextInput, CheckBox } from 'react-nativ

  • 1.https://github.com/aroth/react-native-uploader 文件上传 2.https://github.com/oblador/react-native-animatable 动画 3.https://github.com/oblador/react-native-vector-icons 图标 4.https://github.com/ivpusic/rea

  • 本文收录了,React Native中常用的一些相关组件, 摘录的过程中,可能有所差错,不足之处还望指出. 希望大家可以互相学习,互帮互助! 第一部分 基于react-navigation组件的自定义 head 视图 react-native-carousel 轮播图 react-native-countdown 倒计时 react-native-device-info 设备信息 react-na

  • by Dhruvdutt Jadhav 由Dhruvdutt Jadhav 如何使用React Native构建嵌套的抽屉菜单 (How to build a nested drawer menu with React Native) Screen space is a precious commodity on mobile. The drawer menu (or “hamburger men

 相关资料
  • 复选框组就是一组复选框,主要用来选择一组可选项;有垂直和水平两种样式。 示例 垂直排列 默认就是垂直排列样式 <cube-checkbox-group v-model="checkList" :options="options" /> export default { data() { return { checkList: ['1', '4'], optio

  • 描述 (Description) 复选框组允许用户通过选中它们来选择指定选项的列表。 item-content必须是带有label-checkbox类的标签元素,复选框图标应该是item-media 。 例子 (Example) 以下示例演示了Framework7中复选框组的使用 - <!DOCTYPE html> <html> <head> <meta name = "view

  • 作为帮助我学习ReactJS的一种方式,我正在设置一些应该很容易的东西,但事实证明对我来说有些棘手。 我想在ReactJS中设置一些托管复选框组。在HTML中,复选框“字段”实际上由许多共享公共名称属性的input type=“checkbox”元素组成。据我所知,这只是一种UI元素,应该适合ReactJS的组合特性。 我有两个组件: 首先,Checkbox Field是针对复选框组中的每个单独条

  • 问题内容: 我有一个复选框列表,其中至少一个是强制性的。我试图通过AngularJS验证来实现这一点,但是很难。下面是我的代码: 以下是plunker中的代码:http ://plnkr.co/edit/Bz9yhSoPYUNzFDpfASwt?p=preview 有没有人在AngularJS上做到这一点?使复选框成为必需,迫使我选择所有复选框值。AngularJS文档中也未记录此问题。 问题答案

  • 介绍 (Introduction) CheckboxGroup类用于对复选框进行分组。 类声明 以下是java.awt.CheckboxGroup类的声明: public class CheckboxGroup extends Object implements Serializable 类构造函数 SN 构造函数和描述 1 CheckboxGroup() () 创建Check

  • 这会找到我想要的节点吗?如果没有,我如何获得节点并正确地更改属性? 谢谢。马格努斯

  • 问题内容: 我在这里查找了一些示例,但是其中许多示例要么太高级以至于无法掌握PHP,要么它们的示例过于针对自己的项目。我目前正在努力处理PHP表单的非常基本的部分。 我正在尝试创建一个带有几个复选框的表单,每个复选框分配一个不同的值,我希望将这些复选框发送到一个变量(数组?),以便以后可以回显/使用,在我的情况下,我将在其中发送已检查的值一封电邮。 到目前为止,我已经尝试了一些变体,但是最接近的是

  • 我需要做的是-添加/删除数组中每个复选框的名称(由用户选中/未选中),并发送到服务器。我被困在以下代码中。任何帮助都很感激。谢啦 复选框项目。js