は、私が<a href="http://facebook.github.io/react-native/releases/0.26/docs/pickerios.html#content" rel="nofollow noreferrer">react-native site</a>の公式チュートリアルに従うことによって、自分のアプリケーションでネイティブピッカーを実装しようとしています

Question

[iOSの中で実行されている]のネイティブピッカー要素項目有効ではありません反応します。しかし、私は次の問題を抱えています。私はそれが私のimportステートメントの構文に起因すると推測しています。私はネイティブとリアクションの初心者でもあるので、同じことについてのいくつかのガイドラインとこのエラーを解決する方法に感謝します。例以下は

import React, { 
    Component, 
} from 'react'; 

import { 
    Text, 
    View, 
    StyleSheet, 
    UIExplorerBlock, 
    UIExplorerPage, 
    Platform, 
    Switch, 
    AppRegistry, 
    Picker, 
    TouchableWithoutFeedback, 
} from 'react-native'; 

const Item = Picker.Item; 

========================

render: function(){ 

    return <View style = {styles.container}> 
    <Text> 
    Choose the number of team or players. 
    </Text> 
     <UIExplorerBlock title="Basic Picker"> 
        <Picker 
        style={styles.picker} 
        selectedValue={this.state.selected1} 
        onValueChange={this.onValueChange.bind(this, 'selected1')}> 
        // <Picker.Item label="hello" value="key0" /> 
        // <Picker.Item label="world" value="key1" /> 
        <Item label="hello" value="key0" /> 
        <Item label="world" value="key1" /> 
        </Picker> 
     </UIExplorerBlock> 
    </View> 
    } 

Answer 1

あなたはreact-のサンプルピッカーの実装を支援しますネイティブ。

import React, { Component } from 'react'; 

import { 
    AppRegistry, 
    Text, 
    View, 
    Picker, 
} from 'react-native'; 

class StackOverflow extends Component { 

    constructor(context,props){ 
     super(context,props); 
     this.state = { 
      selectedValue: 'c++', 
     }; 
    } 

    onValueChange(key, value) { 
     this.setState({ 
      selectedValue : key, 
     }); 
    } 

    render() { 
     return (
      <View > 
      <Text> 
       Choose a language 
      </Text> 

      <Picker 
       selectedValue={this.state.selectedValue} 
       onValueChange={this.onValueChange.bind(this)}> 
       <Picker.Item label="C" value="c" /> 
       <Picker.Item label="C++" value="c++" /> 
       <Picker.Item label="Java" value="java" /> 
       <Picker.Item label="JavaScript" value="js" /> 
      </Picker> 

      <Text>Selected language is {this.state.selectedValue}</Text> 
      </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('StackOverflow',() => StackOverflow); 

説明が必要な場合はお知らせください。