React Native 组件之DrawerLayoutAndroid(抽屉)

最新推荐文章于 2022-12-31 23:11:24 发布

小罗罗诺亚

最新推荐文章于 2022-12-31 23:11:24 发布

阅读量824

点赞数

分类专栏： React Native 文章标签： React Native

本文链接：https://blog.csdn.net/yibing2011/article/details/71169869

版权

本文深入探讨了React Native中的DrawerLayoutAndroid组件，该组件常用于实现应用侧滑抽屉效果。通过示例和详细说明，展示了如何配置和使用DrawerLayoutAndroid来创建美观且功能丰富的抽屉菜单。

摘要由CSDN通过智能技术生成

/**
 * Created by YiBing on 2017/5/4.
 */

import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    View,
    TouchableOpacity,
    ToastAndroid,
    DrawerLayoutAndroid,
    TextInput,
} from 'react-native';

export default class DrawerLayoutAndroidDemo extends Component {
    render() {
        var navigationView = (
            <View style={
  {flex: 1, alignItems:'center'}}>
                <Text style={
  {width:'100%', textAlign:'center', marginTop:20}}>相册</Text>
                <Text style={
  {width:'100%', textAlign:'center', marginTop:20}}>账号信息</Text>
                <Text style={
  {width:'100%', textAlign:'center', marginTop:20}}>版本更新</Text>
                <Text style={
  {width:'100%', textAlign:'center', marginTop:20}}>关于</Tex