title: Aligning Button in React Native
body: <pre><code>import React, { Component } from 'react';
  import { View, Text, StyleSheet, TouchableOpacity, FlatList, Image, Button } from 'react-native';
  
  export default class ListItems extends Component {
  constructor(props) {
      super(props);
  }
  
  render() {
      return (
          &lt;FlatList
              data={this.props.text}
              renderItem={(info) =&gt; (
                  &lt;TouchableOpacity onPress={() =&gt;   this.props.selected(info.item.key)}&gt;
                      &lt;View style={styles.listitems}&gt;
                          &lt;Image resizeMode="contain" source={info.item.image} style={styles.image} /&gt;
                          &lt;Text&gt;{info.item.value}&lt;/Text&gt;
                          &lt;View style={styles.button}&gt;
                          &lt;Button title="Confirm" color="blue" onPress={this.props.itemDelete}&gt;&lt;/Button&gt;
                          &lt;/View&gt;
                      &lt;/View&gt;
                  &lt;/TouchableOpacity&gt;
              )}
          &gt;
          &lt;/FlatList&gt;
          );
       }
   }
  
  const styles = StyleSheet.create({
  listitems: {
      width: "100%",
      flex:1,
      marginTop: 5,
      backgroundColor: "lightgrey",
      padding: 10,
      flexDirection: 'row',
  },
  image: {
      marginRight: 8,
      height: 30,
      alignItems: "center",
      width: 40,
  },
  button: {
      width: "40%",
      alignItems: 'flex-end',
  }
   })
  </code></pre>
  
  <p>I am showing list Items in which i have small image on the left then a text and i want my button to appear on extreme right but by using alignItems: 'flex-end' its showing in the center. what should i do..i want to do it without using positon.<a href="https://i.stack.imgur.com/CWar7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CWar7.png" alt="I have added image of output"></a></p>