• A-Fu Design
  • 前端設計
    • jQuery 套件
    • HTML 5
  • 關於A-Fu
  • 隱私權政策
  • 聯絡A-Fu
Google+ facebook twitter

A-Fu Design

A-Fu Design

Facebook Open Source React Native


Transforms

Props


  • decomposedMatrix
  • rotation
  • scaleX
  • scaleY
  • transform
  • transformMatrix
  • translateX
  • translateY

參考

Props

decomposedMatrix

已過時。請改用變換道具。
TYPEREQUIRED
DecomposedMatrixPropTypeNo

rotation

TYPEREQUIRED
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

scaleX

TYPEREQUIRED
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

scaleY

TYPEREQUIRED
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

transform

transform接受一組轉換對象。每個對象指定將轉換為鍵的屬性,以及要在轉換中使用的值。不應該組合對象。每個對象使用一個鍵/值對。

旋轉變換需要一個字符串,以便變換可以用度(度)或弧度(弧度)表示。例如:
transform([{ rotateX: '45deg' }, { rotateZ: '0.785398rad' }])
偏斜變換需要一個字符串,以便變換可以用度(度)表示。例如:
transform([{ skewX: '45deg' }])
TYPEREQUIRED
array of object: {perspective: number}, ,object: {rotate: string}, ,object: {rotateX: string}, ,object: {rotateY: string}, ,object: {rotateZ: string}, ,object: {scale: number}, ,object: {scaleX: number}, ,object: {scaleY: number}, ,object: {translateX: number}, ,object: {translateY: number}, ,object: {skewX: string}, ,object: {skewY: string}No

transformMatrix

已過時。請改用變換道具。
TYPEREQUIRED
TransformMatrixPropTypeNo

translateX

TYPEREQUIRED
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

translateY

TYPEREQUIRED
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No




Share
Tweet
Pin
Share
No 意見
Facebook Open Source React Native


ToastAndroid

這將本機ToastAndroid模塊公開為JS模塊。這有一個函數'show',它帶有以下參數:

  1. 字符串消息:包含要烘烤的文本的字符串
  2. int duration:吐司的持續時間。可能是 ToastAndroid.SHORT 或 ToastAndroid.LONG
還有一個函數showWithGravity來指定佈局重力。可能是ToastAndroid.TOP,ToastAndroid.BOTTOM,ToastAndroid.CENTER。

'showWithGravityAndOffset'功能增加了指定偏移的能力。這些偏移值將轉換為像素。


基本用法:
ToastAndroid.show('A pikachu appeared nearby !', ToastAndroid.SHORT);
ToastAndroid.showWithGravity(
  'All Your Base Are Belong To Us',
  ToastAndroid.SHORT,
  ToastAndroid.CENTER
);
ToastAndroid.showWithGravityAndOffset(
  'A wild toast appeared!',
  ToastAndroid.LONG,
  ToastAndroid.BOTTOM,
  25,
  50
);

Methods

  • show
  • showWithGravity
  • showWithGravityAndOffset

Properties

  • SHORT
  • LONG
  • TOP
  • BOTTOM
  • CENTER

參考

Methods

show()

static show(message, duration)

showWithGravity()

static showWithGravity(message, duration, gravity)

showWithGravityAndOffset()

static showWithGravityAndOffset(message, duration, gravity, xOffset, yOffset)

Properties

SHORT

ToastAndroid.SHORT;

LONG

ToastAndroid.LONG;

TOP

ToastAndroid.TOP;

BOTTOM

ToastAndroid.BOTTOM;

CENTER

ToastAndroid.CENTER;



Share
Tweet
Pin
Share
No 意見
Facebook Open Source React Native


TimePickerAndroid

打開標準的Android時間選擇器對話框。

例

try {
  const {action, hour, minute} = await TimePickerAndroid.open({
    hour: 14,
    minute: 0,
    is24Hour: false, // Will display '2 PM'
  });
  if (action !== TimePickerAndroid.dismissedAction) {
    // Selected hour (0-23), minute (0-59)
  }
} catch ({code, message}) {
  console.warn('Cannot open time picker', message);
}

Methods

  • open
  • timeSetAction
  • dismissedAction

參考

Methods

open()

static open(options)
打開標準的Android時間選擇器對話框。

options對象的可用鍵是:
  • 小時(0-23) - 顯示的小時,默認為當前時間
  • 分鐘(0-59) - 要顯示的分鐘,默認為當前時間
  • is24Hour(boolean) - 如果為true,則選擇器使用24小時格式。如果為false,則選擇器顯示AM / PM選擇器。如果未定義,則使用當前語言環境的默認值。
  • mode (enum('clock', 'spinner', 'default')) - 設置時間選擇器模式
    • 'clock':在時鐘模式下顯示時間選擇器。
    • 'spinner':以微調模式顯示時間選擇器。
    • 'default':顯示基於Android版本的默認時間選擇器。
返回一個Promise,如果用戶選擇了一個時間,它將調用一個包含action的對象,小時(0-23),分鐘(0-59)。如果用戶解除了對話框,則仍將通過TimePickerAndroid.dismissedAction操作解決Promise,並且所有其他鍵未定義。在讀取值之前始終檢查操作是否正常。

timeSetAction()

static timeSetAction()
已經選擇了一個時間。

dismissedAction()

static dismissedAction()
該對話框已被駁回。





Share
Tweet
Pin
Share
No 意見
Newer Posts
Older Posts

About me

還在努力掙扎中的工程師

Follow Us

  • Google+
  • facebook
  • twitter

Categories

Accordion Animation AutoComplete CSS Calendar Canvas Carousel Charts Color DatePicker Effects Facebook API Forms Gallery HTML5 Menu Mootools Prototype React images jQuery javascripts lightbox 前端技術 統計圖表 網頁設計

Recent Posts

  • Security Eye 4.4.1 免費網路攝影機監視系統,多路監視器解決方案
  • PotPlayer 1.7.16291 繁體中文免安裝,新增串流媒體播放的 MP4 格式
  • 微軟推出 Font Maker 製作自己專屬 「手寫字型」
  • jQuery Gantt Chart 在網頁上繪製甘特圖的 jQuery 套件
  • Kalendae 一個不依賴任何框架的日期選擇器

Sponsor


勸敗攻略
勸敗分部

Facebook

Blog Archive

  • 6月 2026 (27)
  • 5月 2026 (60)
  • 4月 2026 (58)
  • 3月 2026 (62)
  • 2月 2026 (55)
  • 1月 2026 (62)
  • 12月 2025 (62)
  • 11月 2025 (58)
  • 10月 2025 (62)
  • 9月 2025 (60)
  • 8月 2025 (62)
  • 7月 2025 (62)
  • 6月 2025 (58)
  • 4月 2025 (48)
  • 3月 2025 (60)
  • 2月 2025 (51)
  • 1月 2025 (56)
  • 12月 2024 (61)
  • 11月 2024 (60)
  • 10月 2024 (54)
  • 9月 2024 (55)
  • 8月 2024 (42)
  • 7月 2024 (40)
  • 6月 2024 (19)
  • 9月 2023 (3)
  • 4月 2023 (2)
  • 2月 2023 (1)
  • 12月 2021 (1)
  • 1月 2019 (11)
  • 12月 2018 (31)
  • 11月 2018 (31)
  • 10月 2018 (31)
  • 9月 2018 (30)
  • 8月 2018 (31)
  • 7月 2018 (3)
  • 2月 2018 (1)
  • 4月 2015 (1)
  • 9月 2014 (1)
  • 2月 2014 (1)
  • 7月 2013 (1)
  • 2月 2013 (2)
  • 1月 2013 (1)
  • 12月 2012 (12)
  • 11月 2012 (81)
  • 10月 2012 (64)

Created with by ThemeXpose | Distributed by Blogger Templates