【水滴石穿】RNNewsGo】的更多相关文章

项目地址为:https://github.com/ImVeryGood/RNNewsGo 我们先来看一下页面 分析了一下项目,项目也是有用到redux-saga的 然后模块比较清晰 接下来我们分析代码 //index.js /** * @format */ import { AppRegistry } from "react-native"; import App from "./App"; import { name as appName } from "…
在此总结整理,遇到的各种的小问题: 1.通过从字典(数组)中取出的NSString的length==0 作为if的判断条件导致的carsh: 由于在字典中通过Key取出值之后直接做了length相关操作.导致carsh 使用 NSString *runTitle = [res objectForkey:@"runtitle"];之后debug发现runTitle = (NSNull *)class name = NSNull. 开始走入了一个误区,一直用if(runTitle == n…
先推荐一个学习的地址:https://ke.qq.com/webcourse/index.html#cid=203313&term_id=100240778&taid=1277855849978417&vid=s14139cbg2q 我看了一下,挺全的,我接下来应该会根据这个视频自己做一个App? 这个链接也是我在GitHub上面学习各位可爱的程序员的开源项目的时候看到的,接下来我们先来看这个博主的项目吧- 先放github地址:https://github.com/linchen…
其实就是一个小的demo,不过代码分的挺精巧的 先放地址:https://github.com/linchengzzz/rnTest 来看看效果 确实没有什么可以说的,不过代码部分还行 先入口文件 //index.js /** @format */ import {AppRegistry} from 'react-native'; import App from './src/App'; import {name as appName} from './src/app.json'; AppReg…
先放项目地址https://github.com/hezhii/rn_statusbar 来看一下效果 咩有感觉很怎么样,看代码 根入口文件 //index.js //看代码我们知道入口是app.js import { AppRegistry } from 'react-native'; import App from './src/App'; import { name as appName } from './app.json'; AppRegistry.registerComponent(…
项目的话,是想打开蓝牙,然后连接设备 点击已经连接的设备,我们会看到一些设备 不过我这边在开启蓝牙的时候报错了 先放作者的项目地址: https://github.com/hezhii/react-native-ble-demo 然后我们来分析代码 根入口文件是 //react-native-ble-demo/ble_central/index.js import { AppRegistry } from 'react-native' import App from './src/App' im…
老实说,运行出来的项目让人失望,毕竟我想看各种有趣的demo啊- 先放上源码地址:https://github.com/ludejun/ReactNative-Redux-Thunk 我们来一起看看代码有没有什么有趣的地方,要是没有,只能gg 看到引用了这几个插件,看看代码是怎么使用的 "react-redux": "^6.0.0", "redux": "^4.0.1", "redux-logger": &…
我觉得代码在有些程序员手里,就好像是画笔,可以创造很多东西 不要觉得创意少就叫没有创意,每天进步一点点,世界更美好 首先源码地址为:https://github.com/byk04712/mobx-todos 感谢无私开源的程序员,是你们让代码更美好 先看效果 这个是一个todo的mobx小项目,我们主要看看数据处理部分 //根App.js文件中,主要是渲染组件main //App.js import React from 'react'; import { AppRegistry } from…
项目地址如下:https://github.com/FTD-ZF/ReactNativeMobxFrame 应该可以说的是,项目也只是一个花架子,不过底部的tab稍微改变了 我们一起来看代码 //index.js //根入口是App.js /** * @format */ import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName} from './app.json'; Ap…
说个题外话,早上打开电脑的时候,电脑变成彩色的了,锅是我曾经安装的一个chrome扩展,没有经过我的同意开启了 (也许是昨天迷迷糊糊开启了) 上午运行项目都不成功,还以为被黑客攻击了---然后下午就排除问题啊,不能一直彩色界面啊--- 就一个一个禁掉chrome插件 言归正传,时间如流水,快快珍惜. 接下来这个demo也是很基础的,重点是看看数据处理还有有没有下拉加载更多,页面返回是有点问题的 上开源的程序员的源码:https://github.com/githubze/react-native…
这个项目的话,倒是可以做一个支架页面,就是你需要什么东西,你就可以在里面加,不过也是比较难的地方 就是数据流,数据处理的部分.react可以处理数据的方式很多,没有见过类似于古老的vue时候可以使用的 $.http(),我觉得实现功能是第一步,至于技术的高低,哎,捂脸 [博客后文把前面说的都否认了,talk is cheap,show me the code ] 项目地址为:https://github.com/XinmengSiRan/douban-movies-react-native 先看…
这个项目应该是一个标杆项目,看到之前很有几个项目都是按照这个项目的页面摆放顺序来的 不过可以作为自己做项目的一种方式 源码地址为:https://github.com/pgg-pgg/imooc_gp 项目的数据流是mobx 启动页不是定时器自动跳转那种,而是滑动那种 我们分析代码如下 上面是启动页的 //index.js /** @format */ import {AppRegistry} from 'react-native'; import setup from "./js/pages/…
比较简单的项目 //index.js /** @format */ import {AppRegistry} from 'react-native'; //默认创建的类 import App from './App'; //json import {name as appName} from './app.json'; //FlatList类 import DWBFlatList from './DWBHomeFlatList' import DWBTestVC from './DWBTestV…
项目不难,就是文件摆放位置跟别的不一样 https://github.com/chenji336/github_popular //定义入口是app.js ///** @format */ import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName} from './app.json'; AppRegistry.registerComponent(appName, () =>…
本文转载自:https://blog.csdn.net/xiangzhihong8/article/details/80692792 SafeAreaView简介 ReactNative官方从0.50.1版本开始,加入了针对iPhone X设备齐刘海页面适配的组件SafeAreaView,为ReactNative开发APP时对iPhone X的页面适配提供了很大的方便.目前,SafeAreaView只适合iOS设备. SafeAreaView的使用也非常简单,只需要将SafeAreaView嵌套…
方法一 import { YellowBox } from 'react-native'; YellowBox.ignoreWarnings(['Remote debugger']); // 忽略黄色提醒 方法二 // react-native关闭所有黄色警告,将这两句话加在index.js文件中,放在AppRegistry.registerComponent('App', () => App)之前. console.ignoredYellowBox = ['Warning: BackAndro…
这个博主他的功底算是特别棒的了,能够把一些基础的例子,通过精巧的方式布局在一个小的demo里面 很值得我学习 放上博主的链接:https://github.com/jianiuqi/ReactNativeDemo 大概样式是这样 接下来我们来分析代码 //index.js //根index.js引入的是src/app /** * @format * @lint-ignore-every XPLATJSCOPYRIGHT1 */ import {AppRegistry} from 'react-n…
感觉这个是很有才华的博主,毕竟是可以在npm 包里面留后门的程序员 博主的gihtub关于这个项目的地址是:https://github.com/ikimiler/react-native-video-project 运行出来了项目我十分兴奋,因为项目很完整,先不去想复杂不复杂,但是看到这样的项目会很感恩开源的程序员 先看效果图 项目的界面大概是如上面的样子 布局很多类似,但是看到项目就会很开心 接下来我们分析项目 //index.js定义了入口为App.js,然后有数据处理这些 import…
这个项目是一个简单的底部导航切换页面 项目的地址为:https://github.com/Bstmy/bstmy-blend-app 先看效果 点击首页是首页面,点击个人中心是个人中心页面 先看代码 //index.js //引用的是根app.js import {AppRegistry} from 'react-native'; import App from './app/App'; import {name as appName} from './app.json'; AppRegistr…
这个是一个小demo,项目地址为https://github.com/prsioner/FirstReactNativeProject 有注册,忘记密码还有登陆,应该是用到了react-navigation,让注册密码和忘记密码可以跳转到页面 先看页面效果 代码如下 从根index.js中可以看到主要内容渲染自App组件 //index.js /** * @format */ import {AppRegistry} from 'react-native'; import App from '.…
这个项目好像就是记录了一个数据的流向,大体思想好像是这个 项目地址:https://github.com/Yangzhuren/rn_antd_dva_reactnavigation 先看效果 第一个页面会显示第二个页面点击的值 第二个页面 先来看代码 根index.js引用的不是app.js组件而是在自定义的组件里面 //index.js /** * @format */ import {AppRegistry} from 'react-native'; import App from './…
这个项目没有使用什么组件,可以理解就是个redux项目 项目地址为:https://github.com/HuPingKang/React-Redux-Demo 先看效果图 点击颜色字体颜色改变,以及可以进行加减法运算 代码如下 //index.js /** * @format * @lint-ignore-every XPLATJSCOPYRIGHT1 */ import {AppRegistry} from 'react-native'; import App from './App'; i…
项目地址:https://github.com/WQone/react-native-app 这个是一个非常优秀的小姐姐写的,希望大家能够以她为榜样,一起加油进步呀- 先看效果 分析package.json可以发现其实没有遇到很多很特别的组件 还是先来分析代码 //index.js /** * @format */ import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName}…
先看效果 分析代码我们会发现,它使用了firebase 关于登陆部分应该是实时数据库,应该是他们后端校验的 //app.js //这里使用了实时数据库 import React, { Component } from 'react'; import { Provider } from 'react-redux'; import { createStore, applyMiddleware } from 'redux'; import firebase from '@firebase/app' i…
这个也是一个基础项目 地址如下https://github.com/ndlonghi/react-native-template-app 点击登陆跳转到首页 分析代码如 react-native-template-app/src/components/loading/index.js loading效果 import React from 'react'; import { ActivityIndicator, Image, StyleSheet, View } from 'react-nati…
地址: 源码 运行效果 无别的效果,代码如下 //index.js /** * @format * @lint-ignore-every XPLATJSCOPYRIGHT1 */ import {AppRegistry} from 'react-native'; import App from './App'; AppRegistry.registerComponent('ABNB_clone', () => App); import React, {Component} from 'react…
一.前言 有位同学面试的时候被问到shuffle函数的实现,他之后问我,我知道这个函数怎么用,知道是对数组(或集合)中的元素按随机顺序重新排列.但是没有深入研究这个是怎么实现的.现在直接进入JDK源码进行分析. 二.源码分析 shuffle函数的源码如下 public static void shuffle(List<?> list, Random rnd) { // 集合大小 int size = list.size(); if (size < SHUFFLE_THRESHOLD ||…
最近 2 个月用业余时间写了一个 IM ,动手之前想了很多,包括前期设计.语言.数据库等,经过了一番思想斗争,最终前台用 Vue.js 展示,Server 使用 node ,数据库使用 MongoDB ,不想用关系型数据库,存储消息不方便,使用 WebSocket 与 server 进行即时通讯,要问为什么选这几个,因为 node 不熟悉,VueJS 没用过,MongoDB 没用过,借机会熟悉下,岂不美哉,哈哈哈~~~ 想象很丰满,上手很骨干,真正开始上手的时候发现自己的思路是错的,想太多是没有…
Learning by doing 绪论:读了娄老师的公众号中--<做中学(Learning By Doing)>这篇文章后,深有感触,我想到很多自己之前的事情,很多都是每每想的很好,总是因为各种原因不了了之,其实都是由于自己的懒惰造成的.学习这件事算是一个典型吧,每次到考试之前才会惊慌失措,然而这又能怪谁呢,只能怨自己平时不注重知识的积累,学习多数情况下是为了最终的考试,这和做中学的学习方法大相径庭. 你有什么技能比大多人(超过90%以上)更好? 啊,其实我对自己的素描(绘画)功底还是比较有…
不知不觉,从2012年5月1日加入ThoughtWorks到现在,已经3年有余了.时间过得很快,这三年多我干了很多事情,但仔细想想也没有什么特别值得一提的.在一个公司呆久了总觉得很多事情是理所当然的,直到今年进入了咨询团队,走马观花般见识了很多其他公司的团队和项目,才发现在ThoughtWorks的准则和其它公司的玩法是完全不同的. 仔细想想,在ThoughtWorks给我带来了那些东西那? 英语的提升.遥想加入ThoughtWorks之前,在前公司打算跳槽的时候,专门花了很长时间来学习英语,因…