（记录）用react-native编写的一个App小项目

最新推荐文章于 2025-06-28 11:42:58 发布
最新推荐文章于 2025-06-28 11:42:58 发布
阅读量1k 收藏 3
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_44361433/article/details/90178688
本项目为基于React Native框架开发的豆瓣App小项目，界面设计自行摸索，当前处于测试阶段。利用了豆瓣API及第三方提供的新闻、图片接口，实现多个功能模块。提供了APK下载地址。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

react-native-douban

介绍
  • 基于react-native开发的App小项目
软件架构
  • 使用react-native框架
  • 界面自己摸索的（有点丑）
  • App还在测试阶段，不代表最终效果
API接口
  • 用了豆瓣，和一些大佬提供的免费新闻，图片接口，也包括自己写的PHP接口

目前已实现的功能模块

软件截图

输入图片说明
输入图片说明
输入图片说明
gif图片太大无法显示
gif图片太大无法显示
输入图片说明
输入图片说明
输入图片说明
输入图片说明

reactNative游戏app实例源码
01-27
用reactnative开发的游戏app源码，适合新手入门学习使用，演示了常用组件的使用方法，是新手入门的绝佳例子
react-native-delivery-app:用React Native编写的食品交付应用程序，包括django-rest-framework后端
05-26
这个仓库包含一个React本机应用程序和使用django-rest-framework用python编写的后端。 用户类型 有3种不同的用户类型，分别是用户，餐厅和驾驶员。 注册屏幕会创建一个用户帐户，如果您想创建餐厅或驾驶员帐户，则...
React Native 教程：001 - 如何运行官方控件示例 App
weixin_34090643的博客
06-21 147
原文发表于我的技术博客 本文主要讲解了如何运行 React Native 官方控件示例 App，包含了一些 React Native 的基础知识以及相关环境的配置。 原文发表于我的技术博客 React Native 以及示例 App 简介 关于 React Native 的简要介绍。 {% blockquote http://facebook.github.io/react-native/ %} ...
ReactNative【实战系列教程】我的小红书 1 -- 创建项目，自定义APP名称，图标，启动页，集成 Ant Design Mobile RN，封装 axios，定义接口，添加本地存储，状态管理
最新发布
朝阳39的博客
06-28 534
app.json"name": "我的小红书",自适应图标 assets/images/adaptive-icon.png网页图标 assets/images/favicon.pngapp 安装图标 assets/images/icon.png全部替换为下图（名称保持不变）若更改图标后，模拟机上未更新，则需清除模拟机上的缓存最终效果如下将 assets/images/splash-icon.png 改为启动页图片（此处仍用 log ，效果如下图）// 防止启动页自动消失。
React Native实例
weixin_30291791的博客
06-24 221
本文主要包括以下内容 View组件的实例 Text组件实例 Navigator组件实例 TextInput组件实例 View组件的实例 效果如下 代码如下 /** * Sample React Native App * https://github.com/facebook/react-nat...
【码云周刊第 17 期】技术创新，基于 React Native 的开源项目
weixin_33712987的博客
04-23 273
为什么80%的码农都做不了架构师？>>> ...
React Native实例之房产搜索APP
weixin_30432007的博客
07-07 183
React Native 开发越来越火了，web app也是未来的潮流, 现在react native已经可以完成一些最基本的功能. 通过开发一些简单的应用, 可以更加熟练的掌握 RN 的知识. 在学习的过程，发现了一个房产搜索APP的实例，但只有ios版本， 本文主要是房产搜索APP的android版本实现。 原Ios版本 React Native 实例 - 房产搜索A...
react-native-slider-intro:一个简单且可完全自定义的React Native组件，为您的应用实现了一个简介滑块
05-08
一个简单且可完全自定义的React Native组件，为您的应用实现了简介滑块。 该软件包已作为PC控制器react-native应用程序的子模块编写。 安装 npm install react-native-slider-intro --save 运行示例项目 cd ...
react-native-change-appicon:更改iOS应用程序图标
05-18
1.将一个ViewController作为从UIViewController继承的rootViewController添加到您的项目中，并在ViewController.m文件中编写以下代码： # import " ViewController.h " # import @interface ViewController () @...
基于react-native 编写的关于宠物的App源码-课程设计.zip
08-30
此项目由React-Native编写，用于联系RN的项目 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子...
React-Native Android 与 IOS App使用一份代码实现方法
09-01
然后，创建一个新的React-Native项目，使用`react-native init ProjectName`命令。 1. **共享布局和组件**： - React-Native提供了一套跨平台的UI组件库，如View、Text、Image等，这些组件在iOS和Android上表现...
基于react-native的APP示例
03-21
基于react-native的简单APP示例，使用了listview tabbar navigator wegview等等,xcode 7.2编译运行
React Native Navigation:一个完整的 React Native 原生导航解决方案-开源
08-07
React Native Navigation 是一个模块，依赖于并打算与 React Native 一起使用，因此需要一些相关经验和核心概念知识。 我们还假设您正在使用安装并设置了 XCode 和 Android Studio 的 Mac。 当然，您也可以让它在 Linux 发行版中运行，但在这种情况下，请记住，与 iOS 相关的文档的某些部分可能与您无关。 当您的应用程序首次启动时，会解析并执行包。 此时，您需要显示您的 UI。 为此，请收听 appLaunched 事件并在收到该事件时调用 Navigation.setRoot。 当您的应用程序启动时，RN 确保 JS 上下文（它使您能够执行 JavaScript 代码）正在运行。 在这方面，iOS 和 Android 之间存在相当多的差异。
React-native-app:大学移动应用项目
04-06
React-native-app 用于大学克隆并键入/ npm的移动应用程序项目在android studio虚拟设备运行时运行android
案例：React Native在字节跳动游戏营销场景中的实践
iOS_开发
08-31 993
????????关注后回复“进群”，拉你进程序员交流群????????作者丨熊文源来源丨前端之巅（ID：frontshow）https://mp.weixin.qq.com/s/KYt...
【3 月更新】React Native 优秀开源项目大全
大灰狼的小绵羊哥哥的博客
03-15 866
前言 https://juejin.im/post/58c8963b2f301e007e2e17a5 ★ 想要查看所有分类，请关注公众号【aMarno】后点 RN资源 进行查看。 ★ 或者点击直接到 github 仓库，【对，点我】 ★ 收录时间不是项目发布时间。 ★ 公众号回复 RN 加入 React Native 微信技术交流群 新增分类 名称 功能
学习React Native必看的几个开源项目
这个时代，作为程序员可能要学习小程序
05-25 3903
1.Facebook’s F8 Conference App 项目地址 https://github.com/fbsamples/f8app 2.Reading 来自饿了么RN大神开源的reading项目,已经完成Android和iOS双适配。绝对是一个产品级的开源项目，并且作者还在持续的更新。值得一荐！ 项目地址: https://github....
react-native开源项目
weixin_42262889的博客
06-26 396
参考链接：https://www.jianshu.com/p/5ca3245d63eb
React Native 实例 - 房产搜索App
AGI
04-28 3000
欢迎Follow我的GitHub, 关注我的优快云, 未经授权, 禁止转载. React Native 开发已经初见端倪, 可以完成最基本的功能. 通过开发一些简单的应用, 可以更加熟练的掌握 RN 的知识. 本文介绍非常简单的一款房产搜索的App, 通过调用公开的搜索服务, 把网络的数据展示在应用中. 通过代码更多的了解 RN 的特性. 更多: http://www.wangchenlong
使用React-Native-Starter-App深入本地React开发
资源摘要信息:"React-Native-Starter-App是一个专门用来学习本地React框架的示例项目，它为开发者提供了一个现成的应用程序结构，使得用户可以更快地了解和掌握React-Native技术。React-Native是由Facebook开发的一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值