Time of Update: 2018-07-29
一、react的props用以父組件向子組件傳遞參數 如下例所示: 1、propTypes用於驗證props的類型。 2、getDefaultProps用於設定props的預設值。 3、在父組件中通過屬性的方式,傳遞給子組件<SubMessage messages={this.state.subMessages}/>,子組件中使用this.props.messages得到父組件傳遞的messages值。 <!DOCTYPE html><html
Time of Update: 2018-08-21
react Native如何?跨平台 react Native是通過虛擬DOM實現跨平台,運行時 將虛擬DOM轉換為相應的web編碼、android編號、ios編碼進行啟動並執行。 代碼實現: 01.html:
Time of Update: 2018-08-21
曆時3周時間不到的時間,前兩周還有考試,利用一些瑣碎的時間,終於把這個App基本的介面功能完成了。先來上圖一張 採用React-Native 0.36版本開發的,算是踩了不少坑,來簡單總結一下吧。 講真,一款應用的使用者忠誠度,UI絕對佔有很大的關係,這也是我模仿掘金用戶端的一個理由吧,裡面涉及到的介面夠花哨。就拿首頁這張圖來說,
Time of Update: 2018-08-22
前言 這篇文章來介紹一下RN的屬性和狀態,以及在之前Hello World項目中已經出現的比如style等UI樣式的使用,之後我們就能使用這些來搭建一些簡單的UI介面。 還記得搭建環境的時候init的AwesomeProject項目吧,我們把它匯入到WebStorm中,下邊的內容都可以在裡邊改代碼。 關於如何運行,可以查看上一篇部落格,這裡就不贅述了。 Props(屬性) 大多數組件在建立時就可以使用各種參數來進行定製。用於定製的這些參數就稱為props(屬性)。
Time of Update: 2018-08-23
react-native(react-native-barcodescanner)掃碼第一次進去的時候正常但是之後出現黑屏,在網上的說是新情境要pop掉(可能是我的版本和網上的版本不一樣導致的),但是我pop掉了第二次進去還是黑屏,糾結了很久,猜測是調用了網路攝影機沒有釋放掉導致的,無奈只能動barcodescanner的源碼了,看了該項目中的檔案目錄如下: 期間修改過react-native-barcodescanner
Time of Update: 2018-09-18
react 跨域訪問後台,預設是有跨域問題,並且火弧和Google瀏覽器,對跨域問題展示還不一樣.Google瀏覽器如:此處狀態是200,然而在Response卻沒有任何資訊,如 然而火弧瀏覽器,對該問題的描述,就清淅得多,火弧瀏覽器告訴我們,跨域了,關於react跨域的文章,網上也有相關文章,搜尋到的方法,大約都是如下解決方式:如果你是通過creat-react-app構建的項目,請在package.json檔案中的根目錄下,添加"proxy":
Time of Update: 2018-09-02
一、 react組件兩種匯入方式React組件可以通過兩種方式匯入另一個組件import(常用)import component from './component'requireconst component = require('./component')兩種方式有什麼區別?提出的規範不同import是ES6文法,reuqire是CommonJs提出的.import會通過babel轉換成CommonJS規範。下面兩行代碼是等價的import component from
Time of Update: 2018-10-20
標籤:vertica 接收 渲染 lan horizon 移除 結果 tar ica 這是React不能識別dom元素上的非標準attribute報出的警告,最終的渲染結果中React會移除這些
Time of Update: 2015-12-16
標籤:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script src="./react-0.13.2/build/react.js"></script> <script
Time of Update: 2015-12-16
標籤:一、需求當有傳屬性name的值時,則顯示Hello "name",否則顯示Hello World二、4種方式的代碼實現1.通過三元運算子<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script
Time of Update: 2015-12-07
標籤:react native是直接使用es6來編寫代碼,許多新文法能提高我們的工作效率解構賦值var { StyleSheet, Text, View} = React;這句代碼是ES6 中新增的解構(Destructuring)指派陳述式。准許你擷取對象的多個屬性並且使用一條語句將它們賦給多個變數。上面的代碼等價於:var StyleSheet = React.StyleSheet;var Text = React.Text;var View =
Time of Update: 2015-11-08
標籤:今天來寫一個組件,相信很多人都會用到的——ViewStack。ViewStack組件無疑是UI中很重要的一個組件,可惜react-native並沒有內嵌進去,需要開發人員自己去實現。實現原理很簡單,就是根據索引來顯示一個子視圖,用一個render即可完成:1 render(){2 return(3 <View>4 {this.props.children[this.props.index]}5
Time of Update: 2015-06-08
標籤:React-Native入門指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript開發你的原生應用,釋放Native的UI體驗,體驗 Hybird開發效率。最近一個星期寫的文章如下:第1篇hello
Time of Update: 2016-03-29
標籤:這是深入淺出React Native的第三篇文章。1. 環境配置2. 我的第一個應用將index.ios.js中的代碼全部刪掉,為什麼要刪掉呢?因為我們準備從零開始寫一個應用~學習技術最好的方式就是自己動手寫,看別人的代碼一百遍的效果也不如自己寫一遍來的效果大~我們要做的事情主要分成以下兩步:1. 建立組件2. 將建立好的組件顯示在app上開啟index.ios.js檔案,輸入var HelloWorld = React.createClass({ render: function ()
Time of Update: 2016-03-27
標籤:<html> <head> <title>hello world React.js</title> <script src="build_0.13/react.min.js"></script> <script src="build_0.13/JSXTransformer.js"></script> </head> <
Time of Update: 2016-02-16
標籤: React Native不實現CSS而是依賴JavaScript來設定你的應用的樣式,這是一個有爭議的決定,你可以閱讀這些投影片瞭解其背後的基本原理。 申明樣式: 1 var styles = StyleSheet.create({ 2 base: { 3 width: 38, 4 height: 38, 5 }, 6 background: { 7 backgroundColor: ‘#222222‘, 8 }, 9
Time of Update: 2015-04-04
標籤:ios react native UILabel建立(React Native)by 伍雪穎'use strict';var React = require('react-native');var { AppRegistry, StyleSheet, View, Text,} = React;class UILabel extends React.Component {
Time of Update: 2016-01-14
標籤:如果你是一個 React (或者前端) 新手, 出於以下的原因, 你可能會對這個生態圈感到困惑:React 的目標群體曆來是喜歡嘗試新事物的開發人員和前端專家.Facebook 只開源了他們在實際使用的, 因此他們沒有關注那些比 Facebook 小的工程需求.現有的 React 指引水平層次不齊.在本文中, 我會假設你已有使用 HTML, CSS 和 JavaScript 開發網頁的基礎.為什麼要聽我的?關於 React, 現在已經有大量的相互衝突的建議了, 為什麼要聽我的?因為我是在
Time of Update: 2018-10-30
標籤:dialog run onclick open tee dom dia ops alert import test from
Time of Update: 2018-10-25
標籤:組件 reac ops bsp res 傳值 type OLE nbsp 父組件: 引入子組件:import CheckBox from ‘../checkbox‘;