Expo大做战(二十七)--expo sdk api之Util(expo自带工具类)，tackSnapshotAsync，Svg，SQLite

时间 2019-11-17

标签 expo 大做二十七 sdk api util 自带工具 tacksnapshotasync svg sqlite 栏目 Sqlite 繁體版

原文原文链接

Expo大做战系列文章都在我都blog上贴着，朋友和我说掘金社区分享文章效果不错，故，来此分享一篇！html

简要：本系列文章讲会对expo进行全面的介绍，本人从2017年6月份接触expo以来，对expo的研究断断续续，一路走来将近10个月，废话很少说，接下来你看到内容，讲所有来与官网react

我猜去所有机翻+我的修改补充+demo测试的形式，对expo进行一次大补血！欢迎加入expo兴趣学习交流群：597732981git

【以前我写过一些列关于expo和rn入门配置的东i西，你们能够点击这里查看：从零学习rn开发】github

Util

expo中提供的一个工具类，不适合其余地方的有用实用功能（Helpful utility functions that don’t fit anywhere else），包括一些本地化/国际化的方法（including some localization / i18n methods.）。

Expo.Util.getCurrentDeviceCountryAsync（）
返回当前的设备国家代码。

Expo.Util.getCurrentLocaleAsync（）
以字符串形式返回当前设备区域设置。

Expo.Util.getCurrentTimeZoneAsync（）
返回当前设备时区名称。

Expo.Util.reload（）
从新加载当前的体验（Reloads the current experience）。这将获取并加载设备的Expo环境支持的最新可用JS。若是您已发布新版本，这对触发更新体验颇有用。

订阅应用更新（Subscribing to App Updates）

Expo.Util.addNewVersionListenerExperimental(listener)

仅限Android。当您的应用程序的新版本在后台成功下载时调用回调。

参数
listener（function） - 在后台成功下载新版本的应用程序时调用的回调函数。

返回
一个EventSubscription对象，当您想要从侦听器取消订阅时，您能够调用remove（）。

takeSnapshotAsync

鉴于视图，takeSnapshotAsync将基本上截取该视图并为您返回一个图像。这对于签名板等用户很是有用，用户在其中绘制某些内容，而后想要从中保存图像。

Expo.takeSnapshotAsync(view, options)

快照给定的视图(Snapshots the given view)。

参数

view（number | ReactElement） - 快照视图的ref或reactTag（也称为节点句柄）。

options (object) —

选项图(A map of options:)：

format (
string
) 格式（字符串） - “png”| “jpg”| “jpeg”|“WEBM”
quality (
number
) 质量（数量） - 0到1之间的数字，其中0是最差的质量，1是最好的。
result (
string
) 结果（字符串） - 结果图像的类型。 - 'file' - 返回一个文件uri。 - 'base64' - base64编码的图像。 - 'data-uri' - 带有data-uri前缀的base64编码图像。
height (
number
) 高度（数字） - 以像素为单位的结果高度。
width (
number
) 宽度（数字） - 以像素为单位的结果宽度。

选项参数中指定的格式的图像。(从这个title能够看出，其实就是截图)

SVG

Expo.Svg()

一组绘图基元，如Circle，Rect，Path，ClipPath和Polygon。它支持大多数SVG元素和属性。该实现由react-native-svg提供，并在该存储库中提供文档。

import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import { Constants, Svg } from 'expo';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Svg height={100} width={100}>
          <Svg.Circle
            cx={50}
            cy={50}
            r={45}
            strokeWidth={2.5}
            stroke="#e74c3c"
            fill="#f1c40f"
          />
          <Svg.Rect
            x={15}
            y={15}
            width={70}
            height={70}
            strokeWidth={2}
            stroke="#9b59b6"
            fill="#3498db"
          />
        </Svg>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
  },
});复制代码

这段代码运行效果：

这一章最后在说一下sqlite，expo中对sqlite作了很好的集成，sqlite是什么？是移动端手机内置的一个数据库，很好的利用sqlite，你就能打造牛逼的应用程序

SQLite

该模块提供了一个能够经过相似WebSQL的API查询的数据库。数据库在应用程序的从新启动之间持续存在。

这里有一个简单的demo。我本人也有一个项目，对sqlite的运用。

Expo.SQLite.openDatabase(name, version, description, size)

打开一个数据库，建立它，若是它不存在，并返回一个数据库对象。

参数

name (

string

) - 要打开的数据库文件的名称。

版本，描述和大小参数被忽略，但被函数接受以兼容WebSQL规范（but are accepted by the function for compatibility with the WebSQL specification.）。

返回一个数据库对象，以下所述。

数据库对象(Database objects)

数据库对象经过调用返回Expo.SQLite.openDatabase()。这样的对象表示到设备上的数据库的链接。他们支持一种方法：

db.transaction(callback, error, success)

执行数据库事务。

参数

callback (
function
)） - 表示要执行的事务的函数。将一个Transaction（见下文）做为惟一参数，能够在其上添加SQL语句来执行。
error (
function
)） - 若是处理此事务发生错误，则调用它。采用描述错误的单个参数。
success (
function
) - 当事务在数据库上完成执行时调用。

事物对象(Transaction objects)

Transaction对象做为参数传递给数据库上的db.transaction（）方法的回调参数（参见上文）。它容许排队SQL语句在数据库事务中执行。它支持一种方法：

tx.executeSql(sqlStatement, arguments, success, error)

排队要在事务中执行的SQL语句。强烈建议做者使用？该方法的占位符功能可避免SQL注入攻击，而且不会即时构建SQL语句。（注意这里）

参数

sqlStatement（string） - 包含要执行的数据库查询的字符串，表示为SQL。该字符串可能包含？占位符，在参数参数中列出要替换的值。
arguments (
array
) 参数（数组） - 要替换的值（数字或字符串）的数组？ SQL语句中的占位符。
success (
function
) 成功（功能） - 在事务处理期间查询成功完成时调用。采用两个参数：事务自己和一个ResultSet对象（请参见下文）以及查询结果。
error (
function
) 错误（函数） - 在事务中执行此特定查询时发生错误时调用。采用两个参数：事务自己和错误对象。

ResultSet对象

ResultSet对象经过Transaction的tx.executeSql（）方法的成功回调的第二个参数返回（参见上文）。他们有如下形式：

{
  insertId,
  rowsAffected,
  rows: {
    length,
    item(),
    _array,
  },
}复制代码

insertId（number） - 插入数据库的SQL语句所插入的行的行ID。
rowsAffected（number） - SQL语句更改的行数。
rows.length（number） - 查询返回的行数。
rows.item（function） - rows.item（index）返回具备给定索引的行。若是没有这样的行，则返回null。
rows.array（number_） - 查询返回的实际行数组。能够直接使用，而不是经过rows.item（）获取行。

下一张继续介绍，这一篇主要介绍了：expo sdk api之Util(expo自带工具类)，tackSnapshotAsync，Svg，SQLite，欢迎你们关注个人微信公众号，这篇文章是否被你们承认，个人衡量标准就是公

众号粉丝增加人数。欢迎你们转载，但必须保留本人博客连接！