react-native電影簡介app，了解一下？（android端）

RayKr 發布于2019-08-26 11:48 / 3430人閱讀

摘要：寒假結束了，在寒假期間玩了一下，模仿豆瓣實現了一個查看當前熱門電影和即將上映電影的簡單，項目比較簡單，十分適合剛剛入門的同學查看。

寒假結束了，在寒假期間玩了一下react-native，模仿豆瓣實現了一個查看當前熱門電影和即將上映電影的簡單app，項目比較簡單，十分適合剛剛入門的同學查看。
首先我們要了解react-native： react-native中文網、react-native官網，英語好的同學當然推薦去后者react-native官網看啦，畢竟是官網，內容沒有滯后性。

項目結構：

android                 // 編譯得到的代碼
api                     // 公用的api
  |---api.js            // 每個頁面公用的網絡請求
components              // 組件
  |---col-movies.js     // 首頁縱向的電影列表
  |---flat-movies.js    // 所有電影頁面電影列表
  |---scroll-movies.js  // 首頁橫向電影列表
page
  |---all-movies.js     // 所有電影頁面
  |---bref-introduction.js  // 電影簡介頁面
  |---cinemas.js        // 附近電影院頁面
  |---home.js           // 首頁
  |---loading.js        // 加載過渡頁面
App.js                  // 應用入口
index.js                // 注冊應用

效果 首頁：

查看全部20部電影：

查看電影簡介以及購票：

技術棧

react-native

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

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

導航react-navigation 官網

接口

豆瓣提供的公開接口（即將上映和正在熱映）
豆瓣公開接口

自己nodejs編寫的接口（附近電影院），可先忽略此頁面（購票頁面）

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

返回數據：
status: 0/1
msg: ""
list: object，接口如下表格

name	price	site
"最便宜的電影院"	25	出門右轉二樓B棟101，102號卡位

本項目代碼地址：

項目源碼

npm install 安裝依賴

react-native run-android 在安卓真機上運行
react-native run-android --simulator 在模擬器上運行

云服務器 GPU云服務器電影簡介人工智能電影簡介 app端口號 react-native

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107616.html

NativeScript-Vue，了解一下？

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

seal_de 2019-08-22 14:58 評論0 收藏0
電影天堂React Native 客戶端V2.0發布

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

MockingBird 2019-08-23 14:08 評論0 收藏0
React Native 簡介：用 JavaScript 搭建 iOS 應用 (1)

摘要：利用來搭建代碼。雖然這不是安裝的唯一方式，但我發現，是非常好用的包管理器。終端窗口打開后，會啟動，并由服務器處理以上請求。面對這種情況時，需要關閉終端窗口，停止在上的應用，并重新運行。使用設定應用的用戶界面。命名這兩個文件為和。【編者按】本篇文章的作者是 Joyce Echessa——渥合數位服務創辦人，畢業于臺灣大學，近年來專注于協助客戶進行 App 軟體以及網站開發。本篇文章中，...

xiaoqibTn 2019-08-21 10:37 評論0 收藏0