创新互联React教程：DrawerLayoutAndroid

React 组件封装平台 DrawerLayout（仅适用于Android）。Drawer（通常用于导航）呈现 renderNavigationView 渲染导航视图和直接子级，是呈现（您的内容）的主要视图。导航视图是最初在屏幕上不可见的，但可以从由drawerPosition 指定的窗口的侧面拉出，其宽度可通过 drawerWidth 设置。

陈巴尔虎网站建设公司创新互联,陈巴尔虎网站设计制作，有大型网站制作公司丰富经验。已为陈巴尔虎近1000家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的陈巴尔虎做网站的公司定做！

例如：

    render: function() {      
      var navigationView = (     
            I'm in the   
    Drawer!Hello
      World!
    
      );  
    },

属性

drawerPosition enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right)

指定 drawer 将从屏幕的一侧滑动。

drawerWidth number

指定 drawer 的宽度，即从窗口的边缘拉到视图更精确的宽度。

keyboardDismissMode enum('none', "on-drag")

确定键盘是否响应拖动被驳回。
-'none' (默认值), 拖动不影响键盘。
-'on-drag', 拖动开始，键盘被驳回。

onDrawerClose 函数

导航视图关闭时调用函数。

onDrawerOpen 函数

导航视图打开时调用函数。

onDrawerSlide 函数

与导航视图交互时调用函数。

onDrawerStateChanged 函数

当 Drawer 状态发生变化时调用函数，drawer 有 3 种状态:- idle, 表示与导航视图没有交互- dragging,表示目前有与导航视图的交互 - settling, 表示有与导航视图的交互，并且导航视图正在的关闭或打开。

renderNavigationView 函数

导航图将被渲染到屏幕的一侧，并且可以拉出。

文章标题：创新互联React教程：DrawerLayoutAndroid
分享URL：http://www.shufengxianlan.com/qtweb/news24/198874.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联