Реагировать на родную кнопку под палитрой - PullRequest
Новая
       19

Реагировать на родную кнопку под палитрой

0 голосов
/ 28 сентября 2018

Я создаю собственное приложение для iOS и хочу разместить кнопку загрузки под средством выбора.В настоящее время я получаю следующий вывод на симуляторе.Кто-нибудь знает, как разместить кнопку под сборщиком?Я был бы очень признателен, если бы кто-нибудь, кто имеет опыт с реактивно-нативным, может помочь.

Мой код следующий: 

    import React, { Component } from 'react';
import { View, Text, Button, StyleSheet, ScrollView, Picker} from 'react-native';

export class LayerSelection extends Component {

  loadLayer = () => {

  }

  constructor(props){
    super(props);
    this.state = {
      layer: ''
    };
  }

    static navigationOptions =
    {
         title: 'Layer Selection',
    };

  render() {

    return (
        <View style={styles.container}>
          <Picker
            selectedValue={this.state.layer}
            itemStyle = {{fontSize: 15}}
            style={{ height: 50, width: 400}}
            onValueChange={(itemValue, itemIndex) => this.setState({layer: itemValue})}>
            <Picker.Item label="Fires" value="fires" />
            <Picker.Item label="Fire Risk 24" value="fireRisk24" />
            <Picker.Item label="Fire Risk 48" value="fireRisk48" />
            <Picker.Item label="Fire Risk 72" value="fireRisk72" />
            <Picker.Item label="Snow Cover" value="snowCover" />
            <Picker.Item label="Earthquakes" value="earthquakes" />
            <Picker.Item label="Land Surface Temperature" value="lst" />
            <Picker.Item label="Leaf Area Index" value="lai" />
            <Picker.Item label="Fraction Vegetation Cover" value="fvc" />
            <Picker.Item label="Absorbed Photosynthetical Active Radiation" value="fapar" />
            <Picker.Item label="Landslides" value="landslides" />
            <Picker.Item label="Lightnings" value="lightnings" />
            <Picker.Item label="Ozone" value="ozone" />
            <Picker.Item label="Evapotranspiration" value="et" />
            <Picker.Item label="Albedo" value="albedo" />
            <Picker.Item label="SO2" value="so2" />
            <Picker.Item label="NO2" value="no2" />
            <Picker.Item label="HCHO" value="hcho" />
          </Picker>
          <Button title="Load" onPress={this.loadLayer} style={styles.buttonStyle} />
        </View>

    );
  }
}

export default LayerSelection;

const styles = StyleSheet.create({
  container: {
    flex:1,
    backgroundColor: '#fff',
  },
  buttonStyle:{
    alignSelf:'center'
  }
});

1 Ответ

0 голосов
/ 28 сентября 2018

Я только что удалил ваши стили на Picker, вы можете проверить это.Это похоже на работу: 

<View style={styles.container}>

      <Picker
        selectedValue={this.state.layer}
        itemStyle = {{fontSize: 15}}
        onValueChange={(itemValue, itemIndex) => this.setState({layer: itemValue})}>
        <Picker.Item label="Fires" value="fires" />
        <Picker.Item label="Fire Risk 24" value="fireRisk24" />
        <Picker.Item label="Fire Risk 48" value="fireRisk48" />
        <Picker.Item label="Fire Risk 72" value="fireRisk72" />
        <Picker.Item label="Snow Cover" value="snowCover" />
        <Picker.Item label="Earthquakes" value="earthquakes" />
        <Picker.Item label="Land Surface Temperature" value="lst" />
        <Picker.Item label="Leaf Area Index" value="lai" />
        <Picker.Item label="Fraction Vegetation Cover" value="fvc" />
        <Picker.Item label="Absorbed Photosynthetical Active Radiation" value="fapar" />
        <Picker.Item label="Landslides" value="landslides" />
        <Picker.Item label="Lightnings" value="lightnings" />
        <Picker.Item label="Ozone" value="ozone" />
        <Picker.Item label="Evapotranspiration" value="et" />
        <Picker.Item label="Albedo" value="albedo" />
        <Picker.Item label="SO2" value="so2" />
        <Picker.Item label="NO2" value="no2" />
        <Picker.Item label="HCHO" value="hcho" />
      </Picker>


      <Button title="Load" onPress={this.loadLayer} style={styles.buttonStyle} />

</View>
...