ellips.js

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


export default class App extends Component {

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.headerText} numberOfLines={2}  >
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dignissim
             elit, ac fermentum sem. Aliquam dapibus, nulla et pellentesque tempor, eros mi ultricies turpis
                   </Text>

        <Text style={styles.headerText} numberOfLines={1} ellipsizeMode='head'>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dignissim
             elit, ac fermentum sem. Aliquam dapibus, nulla et pellentesque tempor, eros mi ultricies turpis
              </Text>

        <Text style={styles.headerText} numberOfLines={3} ellipsizeMode='middle'>

          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dignissim
           elit, ac fermentum sem. Aliquam dapibus, nulla et pellentesque tempor, eros mi ultricies turpis
             </Text>

      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#ddd",
  },
  headerText: {
    fontSize: 18,
    textAlign: "center",
    margin: 18,
    padding: 10
  },

});