OpenHarmony三方组件：MaterialRadio

Material_Component_Radio

Material component radio design in OpenHarmony.

Download & Install

Install using npm

​​npm i ohos-material-radio​​

Details about OpenHarmony NPM environment configuration, see at ​​here​​

Usage Instructions

1. Import files and code dependencies

import { RadioButton, RadioGroup, RadioOption, RadioModel }  from '@ohos/material-radio'
1.

2. Initialize model data

private radioModel: RadioModel = new RadioModel(1, "Radio Label")
1.

3. Code for creating radio button

RadioButton({
    checked: true,
    model: this.radioModel,
    onCheckChange: (selectedRadioId) => {
        console.log("Selected Radio Button Id:: " + selectedRadioId);
    }
})
1.
2.
3.
4.
5.
6.
7.

4. Code for creating radio group

RadioGroup(
    {
        selectedRadioId: 1,
        options: [new RadioOption(1, "Option 1"), new RadioOption(2, "Option 2")],
        onCheckChange: (selectedRadioId) => {
            console.log("Selected Radio Button Id:: " + selectedRadioId);
        }
    }
)
1.
2.
3.
4.
5.
6.
7.
8.
9.

Compatibility

Supports OpenHarmony API version 8

Code Contribution

If you find any problems during usage, you can submit an ​​Issue​​​ to us. Of course, we also welcome you to send us ​​PR​​.

Open source License

This project is based on ​​Apache License 2.0​​, please enjoy and participate in open source freely.

Reference:

Design by : Dharma Seelan

文章转载自：​​https://gitee.com/openharmony-tpc/MaterialRadio​​