Question

我有一个小应用，侧面应有抽屉式菜单和一个小的加号按钮，该按钮可向上滑动带有更多4个按钮的面板像这样的东西：

app.js启动一个Switch导航器，该导航器有2个屏幕，一个用于登录，一个用于堆栈

堆栈具有DrawerNavigation作为菜单屏幕，其他屏幕也是如此。在“抽屉”导航中，还有其他一些屏幕：下面的代码：

header

，而SlidingPanel位于菜单屏幕的render（）函数中：

<html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>jQuery UI Datepicker - Default functionality</title>
      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
      <script>
      $( function() {
        $( "#indatepicker" ).datepicker({
        dateFormat: 'dd/mm/yy',
        inline: true,
        minDate: 'dateToday',
        onSelect: function(dateText, inst){

            var outDate =  $("#indatepicker").datepicker("getDate"); 
            outDate.setDate(outDate.getDate()+2);
            $("#outdatepicker").datepicker("option","minDate",outDate);
        }
    });
        $( "#outdatepicker" ).datepicker({
        dateFormat: 'dd/mm/yy',
        inline: true,
        onSelect: function(dateText, inst){

            var outDate =  $("#outdatepicker").datepicker("getDate"); 
            outDate.setDate(outDate.getDate()-2);
            $("#indatepicker").datepicker("option","maxDate",outDate);
        }
        });

      } );
      </script>
    </head>
    <body>

    <p>check in Date: <input type="text" id="indatepicker"> check Out Date: <input type="text" id="outdatepicker"></p>


    </body>
    </html>

，但抽屉未在android设备（GEnymotion，android studio和真实设备）上显示在Iphone设备上效果很好！

我在做什么错了？

Answer 1

在最新版本的react-navigation中，您需要添加react-native-gesture-handler并将其链接。否则，手势将无法在Android上运行。

https://github.com/kmagiera/react-native-gesture-handler

  npm install --save react-native-gesture-handler
  react-native link react-native-gesture-handler

还请确保事物已正确链接（有时自动链接可能会失败）。之后，您可以看到抽屉在android系统中工作。

请参阅文档：https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html

在Android-React Native的DrawerNavigation内时，rn-sliding-up-panel不起作用

1 个答案: