egghead.io
illustration for Build a React Native Todo Application

Course

Build a React Native Todo Application

  1. 1
    Setup React Native for iOS and Android
    4m 48s
  2. 2
    Create the Basic React Native Todo Application Layout
    2m 35s
  3. 3
    Create a React Native TextInput
    4m 29s
  4. 4
    Add a Toggle All Complete Button with React Native TouchableOpacity
    3m 43s
  5. 5
    Create a List of Items with a React Native ListView
    5m 57s
  6. 6
    Add a Complete Toggle with React Native Switch
    3m 19s
  7. 7
    Add a Remove Item Button to Each Row with React Native TouchableOpacity
    1m 48s
  8. 8
    Filter Items in the React Native List View
    6m 44s
  9. 9
    Add the Total Remaining Item Count to the Footer with React Native Text
    40s
  10. 10
    Add a Clear All Complete Button to the Footer with React Native TouchableOpacity
    1m 42s
  11. 11
    Persist Items with React Native AsyncStorage
    1m 6s
  12. 12
    Add a Loading Indicator While Loading Items with React Native ActivityIndicator
    1m 49s
  13. 13
    Inline Edit Todo Items in a React Native ListView
    6m 18s

Add a Loading Indicator While Loading Items with React Native ActivityIndicator

Jason Brown
InstructorJason Brown
  • react-native
    React Native0.35 - 0.37
  • react
    React^15.0.0

Share this video with your friends

Send Tweet

We'll use the cross platform ActivityIndicator to add a loading spinner while the items load from AsyncStorage. We'll show off the importance of rendering order, absolute positioning, and how to center items with alignItems and justifyContent set to center.

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions