React Native控制項之Text元件介紹

基本用法

text元件是react中的乙個基本元件，這個和ios上的uilabel與android上的textview元件相類似，就是用來顯示文字的，這個空間除了基本的顯示布局之外，可以巢狀使用，設定樣式，新增事件處理功能。

下面我們給出乙個簡答的例子：

'use strict'

import react, from 'react';
import from 'react-native'
var perfectproject = react.createclass(,
});var styles = stylesheet.create(,
innertext: ,
});

執行效果如下：

【注意】這一點我們需要特別注意，如果內部text元件沒有定義自己的樣式，那麼內部text元件會繼承外部元件的樣式，哪一項自己沒有定義，就要繼承哪一項。

上面我們使用了margin、textalign、color、fontsize、fontfamily、fontweight樣式，接下來，我們總結一些text元件的屬性方法。

屬性方法

風格樣式——style標籤

text元件可以使用view元件所有的style，view元件的所有style可以檢視官方文件view的style彙總

React Native控制項之Listview

listview元件用於顯示乙個垂直的滾動列表，其中的元素之間結構近似而僅資料不同。listview更適於長列表資料，且元素個數可以增刪。和scrollview不同的是，listview並不立即渲染所有元素，而是優先渲染螢幕上可見的元素。listview元件必須的兩個屬性是datasource和re...

React native 無法彈出除錯控制項的問題

react native 在debug模式下，可以通過搖動手機，彈出除錯選項。但是今天利用了cocoapods 把react native 檔案整理後，除錯介面就彈不出了，其他功能正常。查了好久，發現是少在pods的 spec裡寫了devsupport 這個模組。下面發乙份pods 的 spec 檔...

React Native 之布局篇

一.flex布局 什麼是flex布局?布局的傳統解決方案,是基於盒子模型,依賴display屬性 position屬性 float屬性,這種布局方式對於特殊布局非常不方便,比如,垂直居中就不好實現.2009年,w3c提出的flex布局,即彈性布局,用來為盒子模型提供最大的靈活性,任何乙個容器都可以指...