Float для Int в React Native - PullRequest
Новая
       20

Float для Int в React Native

0 голосов
/ 05 апреля 2020

Я все еще новичок в реакции на родную. Я надеюсь, что вы, ребята, можете мне помочь. Я хочу изменить float на int в слайдере. (в onValueChange)

Это мой код: 

                        <Section style={{padding:10, backgroundColor:'white', borderRadius:10, marginTop:30}}>
                            <Block xsSize='1/2' smSize='1/2'>
                              <Slider
                                style={{width: 200, height: 40}}
                                minimumValue={1}
                                maximumValue={100}
                                minimumTrackTintColor="#0197ca"
                                maximumTrackTintColor="#a2a2a2"
                                onValueChange={(value) => this.setState({sliderState:value})}
                             />
                            </Block>

                            <Block xsSize='1/2' smSize='1/2' style={{padding:10, borderRadius:5, backgroundColor:'#0197ca', width:60, position:'relative', left:90}}>
                                <Text style={{color:'white'}}>{this.state.sliderState}%</Text>
                            </Block>     
                        </Section>

Я хочу изменить вывод в <Text style={{color:'white'}}>{this.state.sliderState}%</Text> стать int. Прямо сейчас, выход все еще с плавающей точкой.

1 Ответ

0 голосов
/ 05 апреля 2020

Если вы хотите, чтобы значение было определенным образом, обязательно внесите изменения при установке состояния.
Таким образом, вы можете отформатировать свое значение так, как вам нужно.
Попробуйте это : 

<Section style={{padding:10, backgroundColor:'white', borderRadius:10, marginTop:30}}>
 <Block xsSize='1/2' smSize='1/2'>
  <Slider
         style={{width: 200, height: 40}}
         minimumValue={1}
         maximumValue={100}
         minimumTrackTintColor="#0197ca"
         maximumTrackTintColor="#a2a2a2"
         onValueChange={(value) =>this.setState({sliderState:Math.round(value)})}
   />
  </Block>
 <Block
   xsSize='1/2'
   smSize='1/2' 
   style={{padding:10, borderRadius:5, backgroundColor:'#0197ca', width:60, position:'relative', left:90}}>
   <Text style={{color:'white'}}>
        {this.state.sliderState}%
    </Text>
  </Block>     
</Section>
...