React Native SliderIOS не отображается должным образом

Question

Я новичок в React Native (сделал пару приложений, но я пытаюсь разветвиться без дорожной карты), и у меня возникают проблемы с SliderIOS. Мой слайдер код следующих

<SliderIOS style={styles.slider} 
    onValueChange={(value) =>this.setState({value:value})} 
    maximumValue={100.0} 
    minimumValue={0.0} /> 

Стили включает в себя:

slider:{ 
    height:30, 
    margin:15, 
    } 

getInitialStateMethod устанавливает this.state.value 0.

дорожка отсутствует, и шишка полностью нефункциональная (см http://i.imgur.com/K85zRBG.jpg - пока не удается опубликовать изображения).
Я уверен, что мне не хватает чего-то очень простого, но не знаю, как его решить. Дайте мне знать, если вам нужна дополнительная информация, чтобы сделать мой вопрос разумным.

Спасибо!

Answer 1

Я думаю, ваша проблема в том, что вы не указали ширину для ползунка. Попробуйте добавить flex: 1 в стиль slider, который заставит слайдер потреблять все оставшееся пространство, не требуемое другими компонентами. Для получения дополнительной информации см. CSS tricks, а также React Native documentation. Кроме того, вы можете установить атрибут width. Ниже вы можете увидеть код, я использую для создания ползунка, показанного на рисунке:

sliderConfigurationView: 
{ 
    height: 20, 
    flex: 1, 
    margin: 6 
}