Todo App with React Native, Realm

Todo App with React Native, Realm

  • This post walks you through the process of creating a Todo App for iOS and Android devices with React Native, Realm.
  • We wrap some built-in Realm functions in – – React Native does not have CheckBox, so we make one.
  • : when checkbox’s clicked, the function of parent component ‘d be called.
  • : the function of parent component’d be called.
  • It shows Todo list.

onPress={this.props.onCheckBoxPressed}: when checkbox’s clicked, the onCheckBoxPressed function of parent component ‘d be called.

This post walks you through the process of creating a Todo App for iOS and Android devices with React Native, Realm.

If you’re new to React Native, Realm or CSS Flexbox, it’d be best to walk your way through: Getting Started React Native Getting Started Realm React Native Layout with Flexbox

What you’ll build

React Native does not have CheckBox, so we make one.

function of parent component ‘d be called.

: handles Search.

: handles Add new a todo.

function of parent component’d be called.

It shows Todo list. User can drag and drop a Todo item to sort.

Todo App with React Native series: Todo App with React Native Todo App with React Native, Realm

Todo App with React Native, Realm