React Native 开发豆瓣评分（七）首页组件开发

【React Native 开发豆瓣评分（七）首页组件开发】的更多相关文章

Facebook新框架React Native，一套搞定App开发[转]

Facebook新框架React Native,一套搞定App开发本文来自微信公众号“给产品经理讲技术”(pm_teacher),欢迎关注. 做为一名产品经理,你是否遇到过这样的窘境,“帮我把字体调成 16 号呗,颜色变成 #FFFF00FF,老大说这里最好改一下”,作为一名 app 的开发只能无奈但心里窃喜的告诉你,“只能等下个版本了,必须要重新发布才能改”,如果你问为什么不能改了就生效啊,那说明你对技术的理解要么真的很差,要么你就是知道这项 React-Native 新技术所爆发出来的力量…

基于React Native的Material Design风格的组件库 MRN

基于React Native的Material Design风格的组件库.(为了平台统一体验,目前只打算支持安卓) 官方网站 http://mrn.js.org/ Github https://github.com/binggg/mrn 示例应用在线演示 https://appetize.io/app/j48zj9r83cetpd1mhg4g8buc4w 示例应用下载 https://github.com/binggg/MaterialReactNative/blob/master/androi…

[RN] React Native 好用的时间线组件

React Native 好用的时间线组件效果如下: 实现方法: 一.组件封装 CustomTimeLine.js "use strict"; import React, {Component} from "react"; import { StyleSheet, ListView, Image, View, Text, TouchableOpacity } from "react-native"; const ds = new ListVi…

React Native 开发豆瓣评分（七）首页组件开发

首页内容拆分看效果图,首页由热门影院.豆瓣热门.热门影视等列表组成,每个列表又由头加横向滑动的电影海报列表构成. 所以可以先把页面的电影海报.评分.列表头做成组件,然后在使用 ScrollView 将内容包裹即可构成首页. 开发头部组件头部组件结构简单,唯一需要注意的就是点击查看更多的时候需要跳转页面,所有需要一个自定义事件,供页面使用. 在 src 目录创建 itemsHeader.js,内容如下: import { Text, View, StyleSheet, TouchableWi…

React Native 开发豆瓣评分（八）首页开发

首页完成效果展示: 一.开发占位图组件在没有数据的时候使用占位图替代 items 的位置. 在 components 目录里创建 moviesItemPlaceholder.js import React, { Component } from 'react'; import { View, StyleSheet } from 'react-native'; import { px } from '../utils/device'; export default class MoviesIte…

React Native 开发豆瓣评分（三）集成 Redux

什么是 redux redux 是一个用于管理 js 应用状态(state)的容器.比如组件 A 发生了变化,组件 B 要同时做出响应.常见的应用场景就是用户的登录退出操作:未登录状态,个人中心显示登录按钮,在登录页面进行了登录后,需要在个人中心页面做出相应,显示个人信息.类似的产品有: vuex.flux.dva.mobx. redux 常见为三个部分: Action:存放改变 Store 内容的方法,想要改变 Store 里面的数据,只能触发 Action 里面的相关方法: Reducer:…

React Native 开发豆瓣评分（五）屏幕适配方案

前言 React Native 是以实际像素 dp 为单位的,这导致在不同分辨率的屏幕会有不一样的显示情况. 在原生 Android 中,可以根据不同的分辨率添加不同的样式目录,以解决不同分辨率的问题. 在 web 中常见的屏幕适配方式是使用 rem.vw作为基本单位. 在微信小程序中,使用 rpx 作为屏幕适配单位,结合 px(实际像素)进行页面开发,一个屏幕的宽分为 750 份,每一份的长度则为 1rpx. 我们可以根据微信小程序的适配方案进行 App 的屏幕适配. React Native…

【React Native 开发豆瓣评分（七）首页组件开发】的更多相关文章

Facebook新框架React Native，一套搞定App开发[转]

基于React Native的Material Design风格的组件库 MRN

[RN] React Native 好用的时间线组件

React Native 开发豆瓣评分（七）首页组件开发

React Native 开发豆瓣评分（八）首页开发

React Native 开发豆瓣评分（三）集成 Redux

React Native 开发豆瓣评分（五）屏幕适配方案

React Native 开发豆瓣评分（四）集中管理 fetch 数据请求

React Native 开发豆瓣评分（二）路由配置

React Native 开发豆瓣评分（一）环境搭建&配置模拟器