React Native 开发豆瓣评分（六）添加字体图标

【React Native 开发豆瓣评分（六）添加字体图标】的更多相关文章

React Native 开发豆瓣评分（六）添加字体图标

添加依赖 yarn add react-native-vector-icons Link 依赖 react-native link react-native-vector-icons 使用默认字体图标 import Icon from 'react-native-vector-icons/AntDesign'; //可以选择AntDesign.FontAwesome.EvilIcons... <Icon name="search1" size={30} color="#…

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 开发豆瓣评分（五）屏幕适配方案

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

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

豆瓣评分的API接口接口是从网上查找的,看样子应该是微信小程序里面扣出来的(ua 里面有 wechatdevtools) 接口都需要设置apiKey(054022eaeae0b00e0fc068c0c0a2102a)和 ua(Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1 we…

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

详细可参考官方文档,这里进记录一些重要过程. 安装环境下载 Android Studio 选择 Custom 进行安装: Android SDK Android SDK Platform Performance (Intel ® HAXM) (AMD 处理器看这里) Android Virtual Device 安装各 SDK,推荐使用 choce 进行安装,非常简单: powershell -NoProfile -ExecutionPolicy Bypass -Command "iex (…

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

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