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，歡迎你們關注個人微信公衆號，這篇文章是否被你們承認，個人衡量標準就是公

衆號粉絲增加人數。歡迎你們轉載，但必須保留本人博客連接！

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。