亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

react-native電影簡(jiǎn)介app，了解一下？（android端）

RayKr / 3583人閱讀

摘要：寒假結(jié)束了，在寒假期間玩了一下，模仿豆瓣實(shí)現(xiàn)了一個(gè)查看當(dāng)前熱門(mén)電影和即將上映電影的簡(jiǎn)單，項(xiàng)目比較簡(jiǎn)單，十分適合剛剛?cè)腴T(mén)的同學(xué)查看。

寒假結(jié)束了，在寒假期間玩了一下react-native，模仿豆瓣實(shí)現(xiàn)了一個(gè)查看當(dāng)前熱門(mén)電影和即將上映電影的簡(jiǎn)單app，項(xiàng)目比較簡(jiǎn)單，十分適合剛剛?cè)腴T(mén)的同學(xué)查看。
首先我們要了解react-native： react-native中文網(wǎng)、react-native官網(wǎng)，英語(yǔ)好的同學(xué)當(dāng)然推薦去后者react-native官網(wǎng)看啦，畢竟是官網(wǎng)，內(nèi)容沒(méi)有滯后性。

項(xiàng)目結(jié)構(gòu)： 
android                 // 編譯得到的代碼
api                     // 公用的api
  |---api.js            // 每個(gè)頁(yè)面公用的網(wǎng)絡(luò)請(qǐng)求
components              // 組件
  |---col-movies.js     // 首頁(yè)縱向的電影列表
  |---flat-movies.js    // 所有電影頁(yè)面電影列表
  |---scroll-movies.js  // 首頁(yè)橫向電影列表
page
  |---all-movies.js     // 所有電影頁(yè)面
  |---bref-introduction.js  // 電影簡(jiǎn)介頁(yè)面
  |---cinemas.js        // 附近電影院頁(yè)面
  |---home.js           // 首頁(yè)
  |---loading.js        // 加載過(guò)渡頁(yè)面
App.js                  // 應(yīng)用入口
index.js                // 注冊(cè)應(yīng)用
效果 首頁(yè)：

查看全部20部電影：

查看電影簡(jiǎn)介以及購(gòu)票：

技術(shù)棧

react-native

es6 (react-native本身支持es6) Babel·learn es2015

flexbox布局 (react-native默認(rèn)采用flexbox布局)

導(dǎo)航react-navigation 官網(wǎng)

接口

豆瓣提供的公開(kāi)接口（即將上映和正在熱映）
豆瓣公開(kāi)接口

自己nodejs編寫(xiě)的接口（附近電影院），可先忽略此頁(yè)面（購(gòu)票頁(yè)面）

const tempUrl = "http://ip:3000/cinema" // 需要建立本地服務(wù)器與數(shù)據(jù)庫(kù)，ip改為自己的ip，可先忽視本部分，關(guān)注react-native本身。

返回?cái)?shù)據(jù)：
status: 0/1
msg: ""
list: object，接口如下表格

name price site
"最便宜的電影院" 25 出門(mén)右轉(zhuǎn)二樓B棟101，102號(hào)卡位
本項(xiàng)目代碼地址：

項(xiàng)目源碼

npm install 安裝依賴

react-native run-android 在安卓真機(jī)上運(yùn)行
react-native run-android --simulator 在模擬器上運(yùn)行

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/107616.html

相關(guān)文章

  • NativeScript-Vue，了解一下？

    摘要：今天偶爾再打開(kāi)的官網(wǎng)，發(fā)現(xiàn)首頁(yè)部分多出了這一選項(xiàng)可見(jiàn)官方對(duì)于與的結(jié)合是非常的支持的。，這個(gè)模板是目前最穩(wěn)定和多功能的模板，可以使用單文件組件，，。但是不管怎樣，與的結(jié)合是一件很酷的事情，也希望它能夠快速發(fā)展起來(lái)。 What is NativeScript? NativeScript 是一個(gè)可以讓你用Typescript或JavaScript開(kāi)發(fā)原生ios或android app的開(kāi)源框...

    seal_de 評(píng)論0 收藏0

  • 電影天堂React Native 客戶端V2.0發(fā)布

    摘要：電影天堂客戶端重新開(kāi)始具體更新以為準(zhǔn)。重新開(kāi)始兩年前發(fā)布了第一個(gè)版本。最為一名偏體驗(yàn)偏設(shè)計(jì)的前端開(kāi)發(fā)者，對(duì)界面和用戶體驗(yàn)都有極高的重視。 電影天堂React Native 客戶端 重新開(kāi)始！ 具體更新以https://github.com/XboxYan/DYTT為準(zhǔn)。 重新開(kāi)始 兩年前發(fā)布了第一個(gè)版本。 現(xiàn)在， 使用最新的react-native 0.57和全新的設(shè)計(jì)完成了V2.0 ...

    MockingBird 評(píng)論0 收藏0

  • React Native 簡(jiǎn)介：用 JavaScript 搭建 iOS 應(yīng)用 (1)

    摘要：利用來(lái)搭建代碼。雖然這不是安裝的唯一方式，但我發(fā)現(xiàn)，是非常好用的包管理器。終端窗口打開(kāi)后，會(huì)啟動(dòng)，并由服務(wù)器處理以上請(qǐng)求。面對(duì)這種情況時(shí)，需要關(guān)閉終端窗口，停止在上的應(yīng)用，并重新運(yùn)行。使用設(shè)定應(yīng)用的用戶界面。命名這兩個(gè)文件為和。 【編者按】本篇文章的作者是 Joyce Echessa——渥合數(shù)位服務(wù)創(chuàng)辦人，畢業(yè)于臺(tái)灣大學(xué)，近年來(lái)專注于協(xié)助客戶進(jìn)行 App 軟體以及網(wǎng)站開(kāi)發(fā)。本篇文章中，...

    xiaoqibTn 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<