
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
react-native-emoticons-ry
Advanced tools
react native emoticons component, including emoji
npm install react-native-emoticons
step 1
Import the component package.
import Emoticons from 'react-native-emoticons';
step 2
Write the component code in the proper place of your page render.
<Emoticons
onEmoticonPress={this._onEmoticonPress.bind(this)}
onBackspacePress={this._onBackspacePress.bind(this)}
show={this.state.showEmoticons}
concise={true}
showHistoryBar={true}
showPlusBar={true}
/>
Tip: The attribute
onEmoticonPress
can get the emoticos results like{code:'😁', name: 'GRIMACING FACE'}
. The attributeshow
will control that if the component is visible. The attributeonBackspacePress
will add a function for backspace button.
Prop | Type | Description | Required | Default |
---|---|---|---|---|
onEmoticonPress | Function | callback function when the emoticons is pressed | Yes | None |
onBackspacePress | Function | callback function when the backspace button is pressed | YES | None |
show | Bool | show the component | YES | false |
concise | Bool | concise mod with less emoji | No | true |
showHistoryBar | Bool | enable history function | No | true |
showPlusBar | Bool | enable more emoticons function(is on developing, if you have interesting on this, welcome pull request.) | No | true |
asyncRender | Bool | async render | No | false |
Import
import * as emoticons from 'react-native-emoticons';
stringify
//Most database can't restore the emoji string😤,so we map
//them to common string.
const string = emoticons.stringify('This is source emoji 😁');
console.log(string);
//output
'This is source emoji [GRIMACING FACE]'
parse
//If we want to show the emoji(fetch from database) in view page
//we need parse the string
const emoji = emoticons.parse('This is source emoji [GRIMACING FACE]');
console.log(emoji);
//output
'This is source emoji 😁'
splitter
//this api is for backspace function
const emoji = emoticons.splitter('emoji😁');
console.log(emoji);
//output
['e','m','o','j','i','😁']
weixin
FAQs
react native emoticons component
The npm package react-native-emoticons-ry receives a total of 0 weekly downloads. As such, react-native-emoticons-ry popularity was classified as not popular.
We found that react-native-emoticons-ry demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.