• Stars
    star
    575
  • Rank 77,622 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

πŸ”  Responsive fontSize based on screen-size of the device in React-Native

main image

react-native-responsive-fontsize

PRs Welcome Platform License Greenkeeper badge npm version

Use this library if you have a small problem with the font size πŸŽ‰


How to install

yarn add react-native-responsive-fontsize
# or
npm install react-native-responsive-fontsize --save

How it looks on different device sizes

iPhone SE iPhone X

Methods

arguments Description
RFPercentage percent: number The font size is calculated as a percentage of the height(width in landscape mode) of the device.
RFValue value: number, standardScreenHeight?: number The font size is calculated based on standardScreenHeight and passed value
  • when using RFValue's standardScreenHeight
    • default standardScreenHeight is 680
    • In landscape mode, please pass the screen width

Usage

import { RFPercentage, RFValue } from "react-native-responsive-fontsize";

const styles = StyleSheet.create({
  welcome: {
    fontSize: RFValue(24, 580) // second argument is standardScreenHeight(optional),
    textAlign: "center",
    margin: 10,
  },
  instructions: {
    textAlign: "center",
    color: "#333333",
    marginBottom: 5,
    fontSize: RFPercentage(5),
  },
});

Changelog

releases

Load map (I'm waiting for your help)

  • support landscape mode
  • make test code

More Repositories

1

react-native-animated-numbers

🎰 Library showing animation of number changes in react-native
Java
251
star
2

react-animated-numbers

πŸ‘Ύ Library showing animation of number changes in react.js
JavaScript
168
star
3

react-native-awesome-alert

πŸ”” Customizable modal components with βœ”οΈcheck options in React Native
JavaScript
51
star
4

react-native-frame-loading

⛹️‍♀️⛹️‍♂️ Like animation LoadingIndicator with frame by frame view in React-Native
JavaScript
12
star
5

react-native-hide-modal

πŸ™ˆ Modal components that can be hidden
JavaScript
9
star
6

react-kakao-link

πŸ”— λ¦¬μ•‘νŠΈ μ›Ήμ—μ„œ μ‚¬μš©ν•  수 μžˆλŠ” 카카였 λ§ν¬μž…λ‹ˆλ‹€.
TypeScript
8
star
7

react-native-iphone-se-helper

πŸ“‚ utils for developing Iphone SE size
JavaScript
8
star
8

deprocheck-rn

πŸ“‹ λ””ν”„λ§Œ 좜첡 μ•± RN 버전
TypeScript
5
star
9

youngstargram-node-server

처음으둜 λ§Œλ“€μ–΄λ³΄λŠ” λ…Έλ“œμ„œλ²„ μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ (μΈμŠ€νƒ€κ·Έλž¨ 클둠)
JavaScript
5
star
10

fc-react-native

πŸ– 패슀트캠퍼슀 React-Native Camp μ—μ„œ μž‘μ„±ν•œ μ½”λ“œλ₯Ό κ³΅μœ ν•©λ‹ˆλ‹€
JavaScript
4
star
11

learning-htmlcss

πŸ“ studying html & css by practice and code reviews
HTML
4
star
12

fastcampus-react-2019

패슀트캠퍼슀 REACTμΊ ν”„ μˆ˜κ°•λ‚΄μš© 정리 (2019εΉ΄)
JavaScript
3
star
13

rntm-starter-kit

RN & TS & MobX starter kit
Objective-C
2
star
14

react-native-bootsplash-example

react-native-bootsplash-example
Java
2
star
15

newblog

gatsby blog
JavaScript
2
star
16

algorithm

assembly for algorithm study that consist of so COOL 😎 iOS developers πŸ’»πŸ“±πŸ“²πŸ–±
Swift
1
star
17

ClassManager_private

πŸ”Œ Web Project with JAVA, JSP, MYSQL, Spring Frame
Java
1
star
18

react-testing-practice

πŸƒβ€β™‚οΈ simple project for react & react-native test code
TypeScript
1
star
19

animated-numbers

HTML
1
star
20

code-splitting

code-spliiting example
JavaScript
1
star
21

Ios_Django_project

πŸš€ First Ios-Django project
Objective-C
1
star
22

ios_swift_study

IOS(Swift) study at Inflearn
Swift
1
star
23

frontend-til

TIL
HTML
1
star
24

ios_hanyoungsoo

Studying Objective-c and Ios at FastCampus
Objective-C
1
star
25

react-18-examples

λ¦¬μ•‘νŠΈ 18 κΈ°λŠ₯을 μ˜ˆμ œμ½”λ“œλ‘œ μ•Œμ•„λ΄…λ‹ˆλ‹€.
JavaScript
1
star
26

admob-project

돈 λˆμ„ λ²Œμ–΄λ²„μž
1
star
27

FC-REACT-8th-assignment

패슀트캠퍼슀 λ¦¬μ•‘νŠΈ μΊ ν”„ 8κΈ° 과제 λͺ¨μŒ
JavaScript
1
star
28

bucket_list

λ²„ν‚·λ¦¬μŠ€νŠΈ μ—λŸ¬ μˆ˜μ •
Objective-C
1
star
29

datastructure_python

DataStructure study with Python
Python
1
star