Question

在我的场景中有两个视图。在点击之后加载组件时我需要没有第二个视图在TextInput上需要在选择值后打开第二个视图从第二个视图中选择的值应该在第一个中填充应该关闭secondView后查看TextInput。我可以查看使用react.js的效果相同，但效果相同，我无法做到使用本机反应。

var ViewDisplay = React.createClass({
   componentDidMount(){
       this.refs.secondView.getDOMNode().style.display="none";
   },
   clickHandler:function(){
         this.refs.secondView.getDOMNode().style.display="block";
   },
   populateValue:function(){
        this.refs.secondView.getDOMNode().style.display="none"; 
   },
   render:function(){
     return(<View>           
             <View  ref={firstView}>
                      <TextInput style={styles.textInput} placeholder=  {enter value} onEndEditing={this.clickHandler}/>
             </View>
            <View ref={secondView}>
               <TouchableHighlight underlayColor="#ffa456" onPress={this.populateValue}> 
                    <Text ref={key}>first</Text>
              </TouchableHighlight>
              <TouchableHighlight  underlayColor="#ffa456" onPress={this.populatevalue}>   
                 <Text>Second</Text>
              </TouchableHighlight>
              <TouchableHighlight  underlayColor="#ffa456" onPress={this.populatevalue}>  
                 <Text>third</Text>
             </TouchableHighlight>
           </View>
       </View>)
    }
})

Answer 1

尝试使用单击处理程序在组件状态中设置标志，然后使用它来确定应呈现哪个视图

{{1}}

如何处理display none和使用react native阻止View组件

1 个答案: