React Native 定義元件 簡單

2021-07-23 19:29:31 字數 720 閱讀 6247

react native 定義元件(簡單)

1. 首先建立乙個header.js 檔案

2. 宣告元件

import react,  from

'react';

import from

'react-native'

3. 建立元件的內容
class

header

extends

component

}

4.樣式
const styles = stylesheet.create(,

font: ,

font_1: ,

font_2: ,

});

5.把模組(元件)匯出去
module.exports=header;
6.如何使用

1.在另乙個模組中匯入

const header=require('./header');
2.使用
class

firstrn

extends

component

}

7.演示

react native 自定義元件

react native 元件只需要在元件 後面加上 module.exports youkucomponet youkucomponet 是我這裡將要建立的乙個demo元件。sudokuview元件的 如下 created by ypxu87 on 2016 11 13.import react,...

React Native新增自定義全域性元件

這裡舉例封裝乙個自定義的toast元件,這個檔案可以放在自己的公共元件資料夾下 date 2020 02 26 17 40 34 description 自己封裝toast提示 author yoohoeh lasteditors yoohoeh lastedittime 2020 02 28 18...

React Native 元件集合

1 display 該屬性用來指定元素是否為伸縮容器 flex inline flex flex用於產生塊級伸縮容器 inline flex用於產生行級伸縮容器 2 flexdirection 該屬性指定主軸方向 row row reverse column column reverse row 預...