Create a postAsk question

全部

内容 3|
RicciflowsRicciflows
|
2 months ago
|
Article

给Web开发者写的React Native简介，React Native与React的区别与对比（2）

本文我们继续之前的话题给Web开发者写的React Native简介，React Native与React的区别与对比（1），在上文中我们讲到在React Native想要写<p>或者<span>需要用Text组件。除了展示文本，还有一个很重要的东西就是展示图片。在React Native中你无法使用HTML的<img>，而要用React Native提供的Image组件。处理图片可以说是React Native中的一个难点，因为在React Native中无论是什么图片都需要你设置一个宽度和高度，见实例：import React from 'react'; import {Image} from 'react-native'; import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context'; const DisplayAnImage = () => ( <SafeAreaProvider> <SafeAreaView s ...

0
Like
110
0 comment
RicciflowsRicciflows
|
2 months ago
|
Article

给Web开发者写的React Native简介，React Native与React的区别与对比（1）

React Native是React下的一个跨平台框架，能让你用熟悉的React JSX语法来进行跨平台开发。所谓的跨平台开发是如今的一种趋势，即用同一种语言来同时进行Web端、手机端安卓与IOS、桌面端Windows、MacOS、Linux的开发。这样不仅能极大的提高开发效率，同时大大增加了代码的可维护性，节省了大量的成本。然而React Native虽然带个React，用的也是JSX语言，却跟React有很多不一样的地方。因为React Native不仅面向网页端，还面向手机端APP，而React Native的代码会直接编译为native原生代码。在本文中，我将会列举说明几个React Native的不同之处。首先，在React Native中我们不能像React那样直接使用HTML语言，因为无论是Android还是IOS，都无法编译HTML语言。因此，我们需要使用React Native提供的组件。在React Native中，如果你想要写<div>，则需要换成<View>。View组件在Web端会被编译成<div>，而在Android和IO ...

0
Like
134
0 comment
RicciflowsRicciflows
|
2 months ago
|
Article

React Native UI库介绍与对比

React Native的生态与React.js相比，没那么丰富，或者说手机端的生态本身就跟Web端相差甚远。React.js作为Web端虽然生态丰富，但由于其JS库大多数都不能直接用在React native中，因此很多在Web端存在诸多解决方案的问题，如代码块高亮、渲染数学公式，在手机端都难找到合适的办法。React Native的UI库，其实可以选择的并不多，不像Web端百花齐放，选个UI库都能选择困难症。在本文，我将会介绍几个我所知道的React native UI库，其中有几个我是用过的。1. React Native Paper这是一个Material Design风格的UI库，在GitHub拥有13.4k个stars，官方文档👉React Native Paper。该库安装步骤简单，组件使用以及自定义也容易，唯一的缺点就是组件不够多，有些场景需要你另外补充其他库来满足需求。React Native Paper应该是React native唯一一个Material Design UI库，该库能够跟React native navigation整合，构建Material风格的 ...

0
Like
126
0 comment