原创 ReactNative中組件的生命週期
React-Native生命週期 開發中組件免不了要與用戶互動，React 的一大創新，就是將組件看成是一個狀態機，一開始有一個初始狀態，然後用戶互動，導致狀態變化，從而觸發重新渲染 UI。下圖爲ReactNative中組件的生命
2020-06-28 01:29:49
原创 ReactNative屏幕適配、獲取屏幕分辨率
獲取當前屏幕的寬度、高度、分辨率 導入信息一般都用require 關鍵字 格式：var XXXX = require('XXXX'); //首先要導入Dimensions包 var Diemnsions = require('D
2020-06-28 01:29:49
原创 React Native中的FlexBox
關於JSX React的核心機制之一就是虛擬DOM：可以在內存中創建的虛擬DOM元素 React利用虛擬DOM來減少對實際DOM的操作從而提升性能 在JavaScript中嵌入XML結構的語法,於是就有了JSX，利用我們熟悉的H
2020-06-28 00:31:16
2
原创 ReactNative代碼理解
在ReactNative的項目目錄中，修改UI，主要修改的是下圖標註出來的倆個文件 在index.js的文件中 import { AppRegistry //註冊組件 } from 'react-native';
2020-06-28 00:31:16
原创 ReactNative中獲取真實的DOM節點
獲取真實的DOM節點 在ReactNative中，可以把組件看成一個“狀態機”. 根據不同的status有不同的UI展示。只要使用setState改變狀態值，根據diff算法算出來有差以後，就會執行ReactDom的render
2020-06-28 00:31:15
原创 ReactNative中處理觸摸事件
可點擊的組件 高亮觸摸 TouchableHighlight 當手指點擊按下的時候，該視圖的不透明度會進行降低同時會看到相應的顏色，其實現原理則是在底層新添加了一個View。此外，TouchableHighlight只能進行一
2020-06-28 00:31:15
原创 配置React Native的開發環境及項目創建
環境搭建 必需的軟件 安裝Homebrew Homebrew, Mac系統的包管理器，用於安裝NodeJS和一些其他必需的工具軟件。 安裝方式： /usr/bin/ruby -e "$(curl -fsSL https://r
2020-02-25 12:54:52
原创 關於動畫CALayer
關於CALayer 在iOS中，UIView之所以能顯示在屏幕上，完全是因爲它內部的一個圖層 在創建UIView對象時，UIView內部會自動創建一個圖層（即CALayer對象），通過UIView的layer屬性可以訪問到這個層
2020-02-25 12:54:52
原创 初識React Native
關於React Native React Native是利用Facebook現有的業務輪子，達到Natvie的用戶體驗，保留React的開發效率 React Native使用JavaScript和React開發跨平臺移動應用 R
2020-02-25 12:54:52
原创 ReactNative中Image組件加載方式
Image組件加載方式 從當前項目中加載 圖片資源文件的查找和JS模塊相似，會根據填寫的圖片路徑相對於當前的js文件路徑進行搜索。 React Naive的Packager會根據平臺選擇相應的文件，例如:my_icon.ios.
2020-02-25 12:54:52
原创 ReactNative中TextInput組件
TextInput常用屬性 value 文本輸入的默認值，賦值後UI不能修改 keyboardType 鍵盤類型，enum(‘default’, “ascii-capable”, ‘numbers-and-punctuati
2020-02-25 12:54:52
原创 iOS中九宮格佈局
一個簡單的九宮格佈局 思路 利用控件的索引index計算出控件所在的行號和列號 利用列號計算控件的x值 利用行號計算控件的y值 需要設置一些固定值 圖片長寬 ： NSInteger cols = 3; 佈局列數 ：NSInteg
2018-10-27 00:19:09
原创 iOS中的runtime
iOS中的Runtime 引言 **對於C語言，函數調用在編譯的時候會決定調用哪個函數，編譯完成之後直接順序執行 ** 對於OC語言， 屬於動態函數調用，在編譯的時候並不能決定真正調用哪個函數，只有在真正運行的時候纔會根據函數的名稱
2018-09-20 04:23:59