Rn_下拉菜单

react-native里如何做到绝对定位呢?

答：用position就可以了，把你需要定位的组件放到最外层view的下面就可以了

image.png

export default class CourseDetails extends Component {

    constructor(props) {
        super(props);
        this.state = {
            
            dropDown_box: false,   // 下拉菜单 显隐状态
            dropDown_box_Text: '全部' // 传值
        }
    }

    render() {
        return(
            
                this.dropDown_box_Toggle()}>
                    {this.state.dropDown_box_Text}
                
                {this.dropDown_box_Fun()}
            
        )
    }

    // 下拉菜单 显隐状态
    dropDown_box_Toggle() {
        this.setState({
            dropDown_box: !this.state.dropDown_box,
        })
    }
    dropDown_box_Fun(){
        if(this.state.dropDown_box === true) {
            return(
                
                    this.setState({dropDown_box_Text: '全部',dropDown_box: false})}>
                        全部
                    
                    this.setState({dropDown_box_Text: '临床医师',dropDown_box: false})}>
                        临床医师
                    
                    this.setState({dropDown_box_Text: '乡村全科',dropDown_box: false})}>
                        乡村全科
                    
                    this.setState({dropDown_box_Text: '口腔医师',dropDown_box: false})}>
                        口腔医师
                    
                    this.setState({dropDown_box_Text: '中西医医师',dropDown_box: false})}>
                        中西医医师
                    
                    this.setState({dropDown_box_Text: '中医医师',dropDown_box: false})}>
                        中医医师
                    
                
            )
        }
    }
}