{"id":4242,"url":"https://github.com/moschan/react-native-newsticker","last_synced_at":"2025-04-11T06:09:57.589Z","repository":{"id":57338671,"uuid":"48244007","full_name":"moschan/react-native-newsticker","owner":"moschan","description":"The News Ticker component for React Native","archived":false,"fork":false,"pushed_at":"2016-08-28T15:14:48.000Z","size":266,"stargazers_count":47,"open_issues_count":3,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-10T00:36:25.562Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/moschan.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":"2015-12-18T16:06:33.000Z","updated_at":"2024-10-24T22:14:50.000Z","dependencies_parsed_at":"2022-09-10T19:50:38.146Z","dependency_job_id":null,"html_url":"https://github.com/moschan/react-native-newsticker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moschan%2Freact-native-newsticker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moschan%2Freact-native-newsticker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moschan%2Freact-native-newsticker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moschan%2Freact-native-newsticker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/moschan","download_url":"https://codeload.github.com/moschan/react-native-newsticker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239742416,"owners_count":19689310,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-01-05T20:17:05.578Z","updated_at":"2025-02-19T22:17:21.663Z","avatar_url":"https://github.com/moschan.png","language":"JavaScript","funding_links":[],"categories":["Components","Others"],"sub_categories":["UI"],"readme":"react-native-newsticker\n==\n\u003e The News Ticker component for React Native\n\n[![npm](https://img.shields.io/npm/v/react-native-newsticker.svg)]()[![npm](https://img.shields.io/npm/l/react-native-newsticker.svg)]()\n\n[![NPM](https://nodei.co/npm/react-native-newsticker.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://nodei.co/npm/react-native-newsticker/)\n\nDemo\n---\n\n![Demo](./doc/simple_demo.gif)\n\n![Demo](./doc/restart_demo.gif)\n\nInstallation\n==\n\nin Cli\n---\n```\nnpm i react-native-newsticker\n```\n\nin JavaScirpt\n---\n```\nimport Newsticker from 'react-native-newsticker';\n```\n\n\nUsage\n===\n\nDefault\n---\n```\n\u003cNewsticker text={'This is a really awesome Newsticker !!'} /\u003e\n```\n\nCustomized\n---\n```\n\u003cNewsticker\n  style={styles.alignLeft}\n  typeInterval={100}\n  blinkInterval={500}\n  onFinish={() =\u003e {this.onFinish()}}\n  cursor={true}\n  start={this.state.is_begin}\n  back={this.state.is_back}\n  text={'This is a really awesome Newsticker !!'}\n/\u003e\n```\n\n\nProps\n===\n\ntext(String) `Default: ''`\n---\nThe text of newsticker\n\nstart(boolean) `Default: true`\n---\nIf you pass false, newsticker does’nt start. If you pass the false while runnning, newsticker is stopped. You can toggle newsticker using this param.\n\nback(boolean) `Default: false`\n---\nIf you pass true when `start` is true, newsticker start to backward.\n\ntypeInterval(int) `Default: 100`\n---\nnewstick interval\n\nblinkInterval(int) `Default: 500`\n---\nblink interval of cursor\n\nonFinish(function)\n---\nif finish newstick, this function is called\n\ncursor(boolean) `Default: true`\n---\nIn default, The cursor apeer in right of text. when newsticker is end, cursor starts blink.\nif you pass false, cursor is not shown.\n\nstyle `Default: ''`\n---\nStyle of text\n\n\nContributing\n==\nOf course! Welcome :)\n\n\nYou can use following command in `example` dir:\n\n```\nnpm run sync\n```\n\nDuring running this command, when you change source to implement/fix something, these changes will sync to `example/node_modules/react-native-newsticker/`. You can check your change using example project easily.\n\n\n\nLicense\n==\nMIT\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoschan%2Freact-native-newsticker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoschan%2Freact-native-newsticker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoschan%2Freact-native-newsticker/lists"}