react-native-dial
Gói này cung cấp sức mạnh cho Yeti Smart Home và được sử dụng trong sản xuất.
Một thành phần đĩa gạt tái sử dụng và hiệu quả cho React Native.
import { Dial } from 'react-native-dial'
// ...
<Dial
initialRadius={brightness * DIF_RADIUS / 100 + MIN_RADIUS}
radiusMax={MAX_RADIUS}
radiusMin={MIN_RADIUS}
onPress={() => this.toggle()}
responderStyle={styles.responderStyle}
wrapperStyle={styles.wheelWrapper}
onValueChange={(a, r) => this.changeBrightness(r)} />
Một số thuộc tính:
<Dial
fixed // disallows angle updates
elastic // allows scaling the element
initialAngle={Number}
initialRadius={Number}
radiusMax={Number}
radiusMin={Number}
responderStyle={ReactNative.Styles}
wrapperStyle={ReactNative.Styles}
>
{/*
Optionally you can pass children so it renders a different component of your choice as a Dial,
that can change in scale and angle
*/}
<YourCustomDial />
</Dial>
Thêm tài liệu sẽ được cập nhật, trong thời gian chờ, vui lòng đọc mã nguồn. Đó là một tệp duy nhất! PR và vấn đề đều được hoan nghênh.
Theo dõi chúng tôi trên Github hoặc https://twitter.com/netbeast_co.
Chi tiết tải về:
Tác giả: netbeast
Nguồn: https://github.com/netbeast/react-native-dial
Giấy phép: MIT license
Cảm ơn bạn!
