CPSC270
Software Engineering and Project Design

Activity 17

React Native Design

Use React Native to create an app with a list and a floating button that adds to the list. The app should:

  1. add ascending integers to the list when the add button is tapped.
  2. have separators between list items. Use the Flat List Item Separator Component to add the separator.
  3. position the add button in the bottom right corner. Use Touchable Highlight to configure the style of the button to a circle.
  4. use position:fixed to float the button above the list while still allowing the list to be scolled.

Example:

Count List App