MMCheckbox 多选框

Props

ICheckboxProps

属性	类型	默认值	必传	说明
value	boolean		是	是否选中值
shape	ECheckboxShape | keyof typeof ECheckboxShape		否	形状
size	number	18	否	多选框大小
disabled	boolean		否	是否禁用
renderUnCheck	ReactNode		否	未选中图片样式
renderCheck	ReactNode		否	选中图片

代码示例

import { memo, FC, useState } from "react";
import { ScrollView, View } from "@tarojs/components";
import MMNavigation from "../../components/navigation";
import MMSafeAreaView from "../../components/safe-area-view";
import MMCheckbox from "../../components/checkbox";
/**
 * HeadPage
 *
 */
const Component: FC<any> = (props) => {
  const [checked, setChecked] = useState(false);
  return (
    <MMSafeAreaView>
      <MMNavigation title="复选框" />
      <ScrollView>
        <View style={{ width: 100 }}>
          <MMCheckbox value={checked} onChange={(va) => setChecked(va)}>
            选择
          </MMCheckbox>
        </View>
        <View style={{ width: 100 }}>
          <MMCheckbox
            value={checked}
            disabled
            onChange={(va) => setChecked(va)}
          >
            选择
          </MMCheckbox>
        </View>
      </ScrollView>
    </MMSafeAreaView>
  );
};

const HeadPage = memo(Component);
export default HeadPage;