3、构建简单的 React Native 应用

构建简单的 React Native 应用

React Native 是一个快速发展的库，在过去几年里在开源社区中变得非常受欢迎，每隔几周就会有新的版本发布，用于提升性能、添加新组件或提供对设备新 API 的访问。本文将介绍如何创建一个简单的 React Native 应用，包括为元素添加样式、使用图像模拟视频播放器、创建切换按钮以及显示项目列表等内容。

为元素添加样式

在 React Native 中，容器和文本是创建布局或其他组件最常用和有用的组件。以下是为元素添加样式的具体步骤：
1. 准备工作 ：按照之前的说明创建一个名为 fake-music-player 的新应用。使用 Expo 创建新应用时，根文件夹的 App.js 文件会添加一些样板代码，可在每个示例开始时移除这些代码。
2. 创建无状态组件 ：在 App.js 文件中创建一个无状态组件，模拟一个小型音乐播放器，仅显示歌曲名称和进度条。

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  render() {
    const name = '01 - Blue Behind Green Bloches';
    return (