Question

我是应用开发人员中的新手，我想从vue native开始，正如我在文档中所看到的那样，vue native无法访问某些设备API（例如本地文件），但是对native可以做出反应，vue只是包装React Native，那么，如何使用import react native compoment和API内部的vue项目呢？并使用expo进行开发

Answer 1

例如离子子：

在脚本部分：

import { Ionicons } from "@expo/vector-icons";

export default {
  components: {Ionicons},
}

之后，您可以在模板中使用它：

<template>
  <view class="container">
    <ionicons name="md-checkmark-circle" size=92 color="green" />
  </view>
</template>

您可以在此处查看示例： https://vue-native.io/docs/community-libraries-doc.html

Expo-Speech的另一个示例：

安装软件包：

expo install expo-speech

将其添加到脚本中：

import * as Speech from 'expo-speech';

export default {
   methods: {
      sayHi: function(){
         Speech.speak('Hi');
      }
   }
}

在模板中：

<template>
  <view class="container">
    <button title="Say Hi" :on-press="sayHi" />
  </view>
</template>

祝你好运！

在vue-native中使用react-native

1 个答案: