react-native-fittedtext

KO | EN

gitlite — search

#ai #go #golang #android #machine-learning #rust #linux #windows #awesome #awesome-list #vue #pytorch #openai #open-source

react-native-fittedtext

(★ 9)

A React Native text component that sets its fontSize to fill a target height.

react-native-fittedtext Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-fittedtext [![Build Status](https://travis-ci.org/maxh/react-native-fittedtext.svg?branch=master)](https://travis-ci.org/maxh/react-native-fittedtext) [![npm version](https://badge.fury.io/js/react-native-fittedtext.svg)](https://badge.fury.io/js/react-native-fittedtext)

A React Native text component that sets its `fontSize` to fill a target height.

## Installation

```sh
npm install react-native-fittedtext --save
```

## Usage

```jsx
<FittedText targetHeight={height}>
  I will expand to fill the specified height!
</FittedText>
```

## Full example

```js
import React, { Component } from 'react';
import { AppRegistry, Dimensions, Text, View } from 'react-native';
import FittedText from 'react-native-fittedtext';

export default FittedExample = () => {
  var {height, width} = Dimensions.get('window');
  return (
    <View style={{flex: 1}}>
      <FittedText targetHeight={height}>
        I will expand to fill the window!
      </FittedText>
    </View>
  );
}

AppRegistry.registerComponent('FittedExample', () => FittedExample);
```

### Screenshot

![iOS Screenshot](https://raw.githubusercontent.com/maxh/react-native-fittedtext/master/ios-screenshot.png)

react-native-fittedtext

react-native-fittedtext Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-native-fittedtext

react-native-fittedtext Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README