试图让模态在React Native中运行

时间:2017-01-18 00:05:59

标签: react-native

尝试让modal在我的本机应用程序上工作。我希望更多页面显示更多选项的模式。关于将模态放在更多菜单页面中,我做了以下尝试。我目前得到的错误是:

It is a nightmare to debug this stuff.

MoreMenu.js

update distributor_variant 
set distributorID = (select dd.distributorID 
from dim_distributor dd, distributor_variant dv 
where dd.DistributorName = dv.distributorVariantName
and dv.distributorID =0 and dv.distributorVariantID !=0)

TabsRoot.JS

import React, { Component } from 'react';
import { Modal, Text, TouchableHighlight, View } from 'react-native';

class MoreMenu extends Component {

  state = {
    modalVisible: false,
  }

  setModalVisible(visible) {
    this.setState({modalVisible: visible});
  }

  render() {
    return (
      <View style={{marginTop: 22}}>
        <Modal
          animationType={"slide"}
          transparent={false}
          visible={this.state.modalVisible}
          onRequestClose={() => {alert("Modal has been closed.")}}
          >
         <View style={{marginTop: 22}}>
          <View>
            <Text>Hello World!</Text>

            <TouchableHighlight onPress={() => {
              this.setModalVisible(!this.state.modalVisible)
            }}>
              <Text>Hide Modal</Text>
            </TouchableHighlight>

          </View>
         </View>
        </Modal>

        <TouchableHighlight onPress={() => {
          this.setModalVisible(true)
        }}>
          <Text>Show Modal</Text>
        </TouchableHighlight>

      </View>
    );
  }
}

1 个答案:

答案 0 :(得分:3)

您忘记了MoreMenu TabsRoot.js组件。并使用MoreMenu.js中的export default MoreMenu 组件。

请在<table><tr><td> <p><a href="#body204" style="text-decoration:none; color:#0000FF;"> Text </a></p> </td></tr></table> <table><tr> <td> <a name="body204"> Text1</a></td> </tr></table>

的末尾添加以下行
$('form#global_search_ajax_post_form').delegate('.global-category-list li a', 'click', function(e){
     e.stopPropagation();  
});