react-native-ios-kit SearchBar example

rn-ios-kit-search-bar.js

/* @flow */
import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';

import { withTheme, SearchBar } from 'react-native-ios-kit';
import type { Theme } from 'react-native-ios-kit/types';

type Props = {
  theme: Theme,
};
type State = {
  text: string,
};

class SearchBarExample extends Component<Props, State> {
  state = {
    text: '',
  };
  render() {
    return (
      <View style={styles.screen}>
        <SearchBar
          value={this.state.text}
          onValueChange={text => this.setState({ text })}
          withCancel
          animated
        />
      </View>
    );
  }
}

export default withTheme(SearchBarExample);