处理react-native出现报错JSApplicationIllegalArgumentException("drawerPosition must be 'left' or 'right', received" + drawerPosition)

问题原因

这个错误的原因是在react-native中的DrawerLayoutAndroid组件中，drawerPosition属性接受的值必须是字符串'left'或者'right'，如果传入的值不是这两个字符串之一，就会导致JSApplicationIllegalArgumentException异常的抛出。

解决方案

JSApplicationIllegalArgumentException("drawerPosition must be 'left' or 'right', received" + drawerPosition)报错是由于react-native的DrawerLayoutAndroid组件在设置drawerPosition属性时，传入的值不是'left'或'right'引起的。 解决方法是确保在使用DrawerLayoutAndroid组件时，将drawerPosition属性的值设置为'left'或'right'。如果传入其他值或者没有传入值，默认会抛出这个异常。 以下是一个示例代码，演示如何正确使用DrawerLayoutAndroid组件并避免出现该异常：

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

class MyDrawerLayout extends Component {
  render() {
    const navigationView = (
      
        我是抽屉内容
      
    );

    return (
       navigationView}>
        
          主界面内容
        
      
    );
  }
}

export default MyDrawerLayout;

在这个示例中，我们正确地将drawerPosition属性设置为'left'，以避免抛出JSApplicationIllegalArgumentException异常。这样，在运行时就不会出现这个问题了。

具体例子

import React, { Component } from 'react';
import { View, Text, Button, DrawerLayoutAndroid } from 'react-native';

class MyDrawerLayout extends Component {
  render() {
    const navigationView = (
      
        I'm in the Drawer!
      
    );

    return (
       navigationView}
      >
        
          Main Content
           this.drawer.openDrawer()}
          />
        
      
    );
  }
}

export default MyDrawerLayout;

在这个例子中，我们使用DrawerLayoutAndroid组件来创建一个带抽屉的布局。在DrawerLayoutAndroid组件中，我们设置了drawerPosition为"left"，以确保抽屉位于左侧，避免出现异常。通过这种方式，我们可以正确地使用抽屉并避免抛出JSApplicationIllegalArgumentException异常。