反應本機抽屜菜單：找不到變量樣式

Question

我正在嘗試使用react-native-drawer-menu模塊創建一個滑塊菜單。 安裝模塊后。 出現錯誤，找不到變量樣式。 這是從示例復制的代碼：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Provider } from 'react-redux'
import'../I18n/I18n.js';
import RootContainer from './RootContainer'
import createStore from '../Redux'
import Drawer from 'react-native-drawer-menu';
import {Easing} from 'react-native'; // Customize easing function (Optional)

// create store
const store = createStore()

export default class App extends React.Component {
  render() {
  // prepare your drawer content 
  var drawerContent = (<View style={styles.drawerContent}>
    <View style={styles.leftTop}/>
    <View style={styles.leftBottom}>
      <View><Text>Drawer Content</Text></View>
    </View>
  </View>);
  var customStyles = {
    drawer: {
      shadowColor: '#000',
      shadowOpacity: 0.4,
      shadowRadius: 10
    },
    mask: {}, // style of mask if it is enabled 
    main: {} // style of main board 
  };
  return (
    <Drawer
      style={styles.container}
      drawerWidth={300}
      drawerContent={drawerContent}
      type={Drawer.types.Overlay}
      customStyles={{drawer: styles.drawer}}
      drawerPosition={Drawer.positions.Right}
      onDrawerOpen={() => {console.log('Drawer is opened');}}
      onDrawerClose={() => {console.log('Drawer is closed')}}
      easingFunc={Easing.ease}
    >
      <View style={styles.content}>
        <Text>{Object.values(Drawer.positions).join(' ')}</Text>
        <Text>{Object.values(Drawer.types).join(' ')}</Text>
      </View>
    </Drawer>
  );
}
}

如果我從代碼中刪除了變量，則幻燈片菜單可以工作，但看起來非常糟糕。

您認為我應該自己創建菜單樣式還是應該從某個地方導入？ 如果必須創建它，我怎么知道它使用了哪些參數？ 還是正常的看法？

Answer 1

看起來您必須自己添加樣式才能使Drawer內容完全符合您的需要。 為此，您必須創建樣式表

您可以使用此答案來獲取有關React Native Stylesheet屬性的更多信息（與CSS非常相似）

另外也許來自抽屜回購的這個例子會有所幫助

干杯。