mariodev12

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,

mariodev12

[
   {
      "key":1,
      "name":"Suits",
      "image":"https://static.tvmaze.com/uploads/images/medium_portrait/0/2432.jpg"
   },
   {
      "key":2,
      "name":"Modern Family",
      "image":"https://static.tvmaze.com/uploads/images/medium_portrait/0/628.jpg"

mariodev12

import React, { Component } from 'react';
import Video from 'react-native-video';
import {
    TouchableWithoutFeedback,
    TouchableHighlight,
    PanResponder,
    StyleSheet,
    Touchable,
    Animated,
    Easing,

mariodev12

[
    {
        "superhero":"Batman", 
        "publisher":"DC Comics", 
        "alter_ego":"Bruce Wayne",
        "first_appearance":"Detective Comics #27",
        "characters":"Bruce Wayne"
    },
    {
        "superhero":"Superman", 

mariodev12

<TextInput 
  style={styles.textInput}
  onChangeText={(text) => this.filterSearch(text)}
  value={this.state.text}
/>

mariodev12

filterSearch(text){
        this.setState({text})
        let newData = this.dataFilter(text, this.state.rawData);
        this.setState({
            dataSource: this.state.dataSource.cloneWithRows(newData),
            isLoaded: true,
            empty: false
        })
    }

mariodev12

renderRow(rowData){
        return (
            <TouchableHighlight style={styles.containerCell}>
                <View>
                    <View style={styles.footerContainer}>
                        <View style={styles.footerTextContainer}>
                            <Text style={styles.text}>{rowData.name}</Text>
                            <Text style={[styles.text, styles.textTitle]}>{rowData.number}</Text>
                            <Text style={[styles.text, styles.textBy]}>By {rowData.airdate}</Text>
                        </View>

mariodev12

<ListView 
  enableEmptySections={true}
  renderRow={this.renderRow.bind(this)}
  dataSource={this.state.dataSource}
/>

mariodev12

export default class App extends Component {
  constructor(){
    super()
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2})
    this.state = {
      dataSource: ds.cloneWithRows([]),
      rawData: ''
    }
  }
  

mariodev12

import React, {Component} from 'react'
import { Text, InputText, View, StyleSheet, Dimensions } from 'react-native'

const {width, height} = Dimensions.get('window')

export default class App extends Component {
  render(){
    <View style={styles.container}>
      <InputText
        style={styles.inputText}