官术网_书友最值得收藏!

  • React Native Blueprints
  • Emilio Rodriguez Martinez
  • 267字
  • 2021-07-02 15:20:01

Overview

To better understand our RSS reader, let's take a look at how the app will look like once we finish it.

iOS: 

Android:

The home screen will display a list of the feeds already added by the user. It will also show a button (+) in the navigation header to add a new feed to the list. When that button is pressed, the app will navigate to the Add feed screen.

iOS:

Android:

Once a new feed has been added, it will show on the home screen and the user will be able to open it by simply tapping on it.

iOS:

Android:

At this stage, the app will retrieve the list of the updated entries for the selected feed and display it on a list. In the navigation header, a Trash icon will allow the user to remove the feed from the app. If the user is interested in any entries, she can click on it to display the full content for that entry.

iOS:

Android:

This last screen is basically a WebView, a lightweight browser opened by default in the URL, which is containing the content for the selected entry. The user will be able to navigate to subsections and fully interact with the open website in this screen having also the possibility to go back to the feed details by tapping on the Back arrow in the navigation header.

We will be covering the following topics in this chapter:

  • State management with MobX
  • Fetch external data from a URL
  • WebView
  • Basic linking modules with native resources
  • Adding icons
  • ActivityIndicator
主站蜘蛛池模板: 九江县| 湟中县| 鹤庆县| 额敏县| 资源县| 顺平县| 河东区| 江川县| 湖州市| 广南县| 商河县| 新宾| 莆田市| 华池县| 牙克石市| 南澳县| 寿阳县| 鄢陵县| 化州市| 嘉义县| 亳州市| 曲松县| 忻州市| 新源县| 广西| 神池县| 来安县| 洪泽县| 郎溪县| 大余县| 兖州市| 清水县| 特克斯县| 高平市| 牟定县| 黔江区| 广昌县| 霸州市| 九寨沟县| 电白县| 天祝|