小土狗 RN 新聞客戶端基于 React Native 的新聞閱讀客戶端

前言

這個(gè)是去年的項(xiàng)目了，當(dāng)時(shí)要開(kāi)發(fā)一個(gè)新聞?lì)^條客戶端，后來(lái)各種原因項(xiàng)目就停了，這個(gè)客戶端已經(jīng)開(kāi)發(fā)了一大半了，現(xiàn)在開(kāi)源出來(lái)，大家一起學(xué)習(xí)借鑒討論。

項(xiàng)目運(yùn)行

注意：由于項(xiàng)目是去年的，可能現(xiàn)在跑有些插件需要更新。沒(méi)基礎(chǔ)的同學(xué)可能會(huì)掉坑

假設(shè)你已經(jīng)搭建好運(yùn)行rn的環(huán)境。

git clone https://github.com/SmallRuralDog/rn-news.git
cd rn-news
yarn install or npm install
react-native run-android or react-native run-ios

還沒(méi)搭建運(yùn)行環(huán)境的同學(xué),這里我就不多說(shuō)了，看這里：https://reactnative.cn/docs/0.51/getting-started.html

另外

此項(xiàng)目后端是PHP的。如果有需要的同學(xué)可以加群要。如果只想體驗(yàn)客戶端，請(qǐng)忽略這句話。

效果演示

看下面的吧！！

功能

• 新聞列表

• 視頻列表

• 新聞瀏覽

• 視頻播放

• 新聞詳情頁(yè)，視頻播放頁(yè)個(gè)人態(tài)度

• 新聞大圖瀏覽，輪播，下拉關(guān)閉

• 文章視頻評(píng)論、回復(fù)、點(diǎn)贊

• 搜索頁(yè)，標(biāo)簽頁(yè)

• 手機(jī)號(hào)碼登錄

• 個(gè)人中心

• 個(gè)人設(shè)置，頭像修改，選擇圖片并剪切壓縮上傳

• 文章字體設(shè)置

動(dòng)圖演示

圖片較大，請(qǐng)耐心等待

文章

視頻

個(gè)人中心

License

程序可以隨意使用，轉(zhuǎn)載請(qǐng)帶上鏈接 https://github.com/SmallRuralDog/rn-news