React Native 布局指南

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课主要讲解 React Native 的样式布局,包含 Flexbox 的布局讲解,基本样式布局基础讲解,以及针对图像和文字的布局方式讲解。

    1.Flexbox 布局详解 00:07:48

    本课时讲解 Flexbox 布局的基本原理和方法。

    2.样式布局基础 00:08:33

    本课时讲解 React Native 的样式布局基础,包括如何添加和使用样式,以及介绍作为 Css 子集的基本盒模型布局方式。

    3.图像 Image 组件介绍 00:04:46

    本课时介绍 React Native 下图像的基本使用方式。

    4.文字 Text 组件介绍 00:03:37

    本课时介绍 React Native 文字的基本使用方式。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

React Native 布局指南

4课时,25分钟
chenxuejia
chenxuejia

极客学院签约布道师

课程背景:
React Native 使你能够使用基于 JavaScript 和 React 构建世界一流的应用程序。 React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。 通过该课程,学员可以理解 Flexbox, 并基本掌握 React Native 的样式和布局开发。

核心内容:
1. Flexbox 布局详解
2. 样式布局基础
3. 图像 Image 组件介绍
4. 文字 Text 组件介绍

软件环境:Mac Xcode、SublimeText 、Nodejs

是否提供资料:

课程等级:初级

适合人群:
具备一定 Javascript 基础
  • 技术问答
  • 1

    Flexbox 布局详解

    07:48

    本课时讲解 Flexbox 布局的基本原理和方法。

  • 2

    样式布局基础

    08:33

    本课时讲解 React Native 的样式布局基础,包括如何添加和使用样式,以及介绍作为 Css 子集的基本盒模型布局方式。

  • 3

    图像 Image 组件介绍

    04:46

    本课时介绍 React Native 下图像的基本使用方式。

  • 4

    文字 Text 组件介绍

    03:37

    本课时介绍 React Native 文字的基本使用方式。

相关课程

  • React 概述

    本课程介绍了 React 的背景知识和 React 开发环境的搭建,最后用一个经典的 Hello World 程序介绍 React 的代码结构。

    3课时 36分钟
    初级
    28582人学习
  • React组件生命周期详解

    组件是 ReactJS 的基本单位,一个组件从初始化到销毁需要经历不同的阶段,在每个阶段ReactJS 都会调用组件中定义的不同函数,从而完成开发者指定的行为。本课程会详细介绍整个生命周期、每个阶段的特点和可以使用的函数。

    4课时 39分钟
    初级
    13964人学习
  • React 属性和状态详解

    React 的数据流动途径是属性和状态,这两者也是 React 的难点之一。本课程会讲解什么是属性和状态、两者的区别和联系以及如何正确使用属性和状态。

    4课时 41分钟
    初级
    12367人学习
  • React 中事件的用法

    事件处理是前端的核心功能之一,本课程会介绍如何在 React 中绑定事件处理函数和访问事件对象。

    3课时 38分钟
    初级
    11909人学习