1.0.6 • Published 7 years ago

react-native-sf-stars v1.0.6

Weekly downloads
2
License
ISC
Repository
github
Last release
7 years ago

react-native-sf-stars

安装

  • npm i react-native-sf-stars

Props

parametertyperequireddescriptiondefault
starWithNumberyes单个星星的宽度null
starNumberNumberyes选中星星的个数0
starImageNumberyes选中星星的图片null
starBgImageNumberyes未选中星星的图片null
starDisabledboolno是否可以点击星星true
starSpaceNumberno星星之间的间距5
styleobjectno可设置除宽度,高度,布局外的属性(例如:margin)null
MaxStarNumberyes最大星星个数5

Methods

MethodsParamsParam TypesdescriptionExample
starSelectIndexindexNumber获取点击星星的indexstarSelectIndex={this.starSelect}

Demo

import React, {Component} from 'react'
import {
View,
Dimensions,
Text,
Image,
ScrollView,
TextInput,
TouchableWithoutFeedback,
} from "react-native"
import SFSatrs from 'react-native-sf-stars'

export default class commonUser extends Component{

    componentDidMount(){

    }
    render(){
    return (
    
        //需要交互点击
        <SFSatrs starImage={require('../../res/start.png')}
                 starBgImage={require('../../res/startbg.png')}
                 starNumber={0}
                 starWidth={50}
                 starSpace={10}
                 starDisabled={false}
                 starSelectIndex={this.starSelect}
                 MaxStar={7}
<!--             style={{margin:10}}-->
                 />
         //不需要交互点击
         <SFSatrs starImage={require('../../res/start.png')}
                  starBgImage={require('../../res/startbg.png')}
                  starNumber={0}
                  starWidth={50}
                  starSpace={10}
                  MaxStar={7}
<!--              style={{margin:10}}-->
         />

            )
}
    starSelect=(index)=>{
    }
}