message: Simplified grid scene
diff: @@ -49,29 +49,25 @@ export default class Grid extends React.Component {
  }
  render() {
  const {colors} = this.props;
  - const {text} = this.state;
  return (
  - <Container
  + <>
  + <ScrollView
  style={styles.scene}
  - collapsable={false}
  + nestedScrollEnabled={true}
  contentInsetAdjustmentBehavior="automatic">
  - <NavigationBar
  - largeTitle={true}
  - title="Colors"
  - barTintColor={Platform.OS === 'android' ? '#fff' : null}>
  - <SearchBar
  - text={text}
  - autoCapitalize="none"
  - obscureBackground={false}
  - onChangeText={text => this.setState({text})}>
  - <Colors colors={colors} filter={text} />
  - </SearchBar>
  - <RightBar>
  - <BarButton title="search" show="always" search={true} />
  - </RightBar>
  - </NavigationBar>
  - <Colors colors={colors} />
  - </Container>
  + <View style={styles.colors}>
  + {colors.map(color => (
  + <TouchableHighlight
  + key={color}
  + style={styles.color}
  + underlayColor={color}>
  + <View style={{backgroundColor: color, flex: 1}} />
  + </TouchableHighlight>
  + ))}
  + </View>
  + </ScrollView>
  + <NavigationBar title="Colors" />
  + </>
  );
  }
  }
  