{"id":4422,"url":"https://github.com/airamrguez/react-native-measure-text","last_synced_at":"2026-01-21T03:31:12.399Z","repository":{"id":21583868,"uuid":"93327719","full_name":"airamrguez/react-native-measure-text","owner":"airamrguez","description":"Measure text width and/or height without laying it out.","archived":false,"fork":false,"pushed_at":"2022-12-09T08:17:00.000Z","size":1012,"stargazers_count":118,"open_issues_count":21,"forks_count":38,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-13T20:07:54.156Z","etag":null,"topics":["height","measue","react-native","text"],"latest_commit_sha":null,"homepage":"","language":"Objective-C","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/airamrguez.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-06-04T16:52:30.000Z","updated_at":"2025-01-25T10:54:55.000Z","dependencies_parsed_at":"2023-01-14T07:00:17.781Z","dependency_job_id":null,"html_url":"https://github.com/airamrguez/react-native-measure-text","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/airamrguez/react-native-measure-text","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/airamrguez%2Freact-native-measure-text","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/airamrguez%2Freact-native-measure-text/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/airamrguez%2Freact-native-measure-text/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/airamrguez%2Freact-native-measure-text/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/airamrguez","download_url":"https://codeload.github.com/airamrguez/react-native-measure-text/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/airamrguez%2Freact-native-measure-text/sbom","scorecard":{"id":173346,"data":{"date":"2025-08-11","repo":{"name":"github.com/airamrguez/react-native-measure-text","commit":"057e43d2022461c60d6580359c0ada39a7e6be11"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.6,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 1/13 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Binary-Artifacts","score":9,"reason":"binaries present in source code","details":["Warn: binary detected: example/android/gradle/wrapper/gradle-wrapper.jar:1"],"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: BSD 2-Clause \"Simplified\" License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 18 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"73 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-rq8g-5pc5-wrhr","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44","Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988","Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3","Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-4cpg-3vgw-4877","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-rxrc-rgv4-jpvx","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-gff7-g5r8-mg8m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v","Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx","Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-5v72-xg48-5rpm","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-h6q6-9hqw-rwfv","Warn: Project is vulnerable to: GHSA-5fg8-2547-mr8q","Warn: Project is vulnerable to: GHSA-crh6-fp67-6883","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-16T17:07:36.857Z","repository_id":21583868,"created_at":"2025-08-16T17:07:36.857Z","updated_at":"2025-08-16T17:07:36.857Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28624506,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-21T02:47:06.670Z","status":"ssl_error","status_checked_at":"2026-01-21T02:45:44.886Z","response_time":86,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["height","measue","react-native","text"],"created_at":"2024-01-05T20:17:11.418Z","updated_at":"2026-01-21T03:31:12.383Z","avatar_url":"https://github.com/airamrguez.png","language":"Objective-C","funding_links":[],"categories":["Components"],"sub_categories":["Text \u0026 Rich Content"],"readme":"# React Native Measure Text\n\nMeasure text height and/or width without laying it out.\n\n[![npm version](https://badge.fury.io/js/react-native-measure-text.svg)](https://badge.fury.io/js/react-native-measure-text)\n\n## Installation\n\n### Automatic installation\n\nRun\n\n`$ yarn add react-native-measure-text`\n\nor, if you want the latest features, then run:\n\n`$ yarn add react-native-measure-text@next`\n\nAnd then:\n\n`$ react-native link react-native-measure-text`\n\n### Manual installation\n\n#### iOS\n\n1.  In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`\n2.  Go to `node_modules` ➜ `react-native-measure-text` and add `RNMeasureText.xcodeproj`\n3.  In XCode, in the project navigator, select your project. Add `libRNMeasureText.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`\n4.  Run your project (`Cmd+R`)\u003c\n\n#### Android\n\n1.  Open up `android/app/src/main/java/[...]/MainActivity.java`\n\n* Add `import io.github.airamrguez.RNMeasureTextPackage;` to the imports at the top of the file\n* Add `new RNMeasureTextPackage()` to the list returned by the `getPackages()` method\n\n2.  Append the following lines to `android/settings.gradle`:\n    ```\n    include ':react-native-measure-text'\n    project(':react-native-measure-text').projectDir = new File(rootProject.projectDir, \t'../node_modules/react-native-measure-text/android')\n    ```\n3.  Insert the following lines inside the dependencies block in `android/app/build.gradle`:\n    ```\n      compile project(':react-native-measure-text')\n    ```\n\n## Usage\n\n```javascript\nimport MeasureText from 'react-native-measure-text';\n\nconst texts = [\n  'This is an example',\n  'This is the second line'\n];\nconst width = 100;\nconst fontSize = 15;\nconst fontFamily = 'Arvo';\n\nclass Test extends Component {\n  state = {\n    heights: [],\n  }\n  async componentDidMount() {\n    const heights = await MeasureText.heights({(\n      texts, /* texts to measure */\n      width, /* container width */\n      fontSize,\n      fontFamily /* fontFamily is optional! */\n    );\n    this.setState({ heights });\n  }\n  render() {\n    const { heights } = this.state;\n    return (\n      \u003cView\u003e\n        {texts.map((text, i) =\u003e (\n          \u003cText\n            key={`text-${i}`}\n            style={{\n              width,\n              fontSize,\n              fontFamily,\n              height: heights[i],\n            }}\n          \u003e\n            {text}\n          \u003c/Text\u003e\n        ))}\n    \u003c/View\u003e\n  }\n}\n```\n\n## API\n\n`MeasureText.heights(options)`\n\nReturns a promise that resolves to all the heights of the texts passed in options.\n\n`MeasureText.widths(options)`\n\nReturns a promise that resolves to all the widths of the texts passed in options.\n\nMeasure options:\n\n* `texts`: An array of texts to measure.\n* `width`: Container width when you want to measure the height.\n* `height`: Container height when you want to measure the width.\n* `fontSize`: The size of the font.\n* `fontFamily`: The name of a _custom_ font or a _preinstalled_ font. This is optional.\n* `fontWeight`: Specifies font weight. The values are the same that React Native allows: `enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')`\n\n## How to use a custom font?\n\nFollow these steps:\n\n1.  Create `assets/fonts` at the root of your React Native project.\n2.  Add this piece of JSON into your `package.json` file:\n\n```\n  \"rnpm\": {\n    \"assets\": [\n      \"./assets/fonts/\"\n    ]\n  }\n```\n\n3.  If you want to use the same font cross-platform, in order to avoid platform incompatibility issues, be sure that your font file name matches the font name! For example if the font name is \"Arvo\" the file should be named \"Arvo.ttf\". You can specify different fonts for each platform if you want.\n4.  Run the command `react-native link` on the root of your project to link the added fonts.\n\n## Using `fontWeight`\n\nIf you are using custom fonts then you have to add the **bold** version into the `assets/fonts` directory. Follow the convention that React Native applies. Extracted from the docs:\n\n\u003e Given a \"family\" font family the files in the assets/fonts folder need to be family.ttf (.otf) family_bold.ttf(.otf) family_italic.ttf(.otf) and family_bold_italic.ttf(.otf)\n\nYou're ready to go!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fairamrguez%2Freact-native-measure-text","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fairamrguez%2Freact-native-measure-text","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fairamrguez%2Freact-native-measure-text/lists"}