> 今天在翻譯React native官方網站的文章時,發現了一個好東西,可以在線編輯React native程序,且可以查看運行效果,是不是比較炫酷?
## 網址
[React Native Playground](https://rnplay.org/)
打開后默認界面如下:

## 創建應用
登陸成功后,選擇`NEW APP`菜單創建自己的APP,然后會出現如下界面:

然后我們點擊右邊的設備,可以查看效果:

## 修改
在面板左邊的在線編輯器中進行修改后,按Ctrl+s時會實時的將效果顯示在右邊的設備中:

## 總結
這個網站我想能幫助很多沒有mac設備的同學也能一睹react-native的尊容,也不用再配繁雜的環境了。
- 前言
- react-native試玩(1)
- react-native試玩(2)
- (3)-窺探開發者選項
- (4)-新建項目
- (5)-小菊花控件
- (6)-日期選擇控件
- (7)-圖片控件
- (8)-列表視圖
- (9)-地圖視圖
- (10)-導航欄
- (11)-模態
- (12)-iOS中導航欄
- (13)-選擇控件
- (14)-iOS中進度欄
- (15)-滾動視圖
- (16)-iOS分段控制控件
- (17)-iOS中的滑動條
- (18)-開關控件
- (19)-分頁欄
- (20)-分頁欄中的元素
- (21)-文本控件
- (22)-文本輸入框
- (23)-觸摸高亮
- (24)-觸摸模糊
- (25)-觸摸無反饋
- (26)-網頁視圖
- (27)-上拉菜單API
- (28)-彈出框API
- (29)-React Native Playground
- (30)-應用狀態API
- (31)-訪問相冊API
- (32)-推送通知API
- (33)-狀態欄API
- (34)-配置Android開發環境
- (35)-react-native-icons插件