android - 在vue-native中使用react-native

Question

我是应用程序开发的新手，我想从 vue native 开始，正如我在文档中看到的，vue native 无法访问某些设备 API，例如本地文件，但 React Native 可以，而 vue 只是包装器 react native ，那么如何在 vue 项目中使用 import React Native 组件和 API 呢？并利用世博会进行开发

Answer 1

例如 ionic :

在脚本部分:

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>

祝你好运!