xiewang / react-native-emoticons Goto Github PK

View Code? Open in Web Editor NEW

126.0 7.0 74.0 11.71 MB

react native emoticons（表情）, including emoji😁

License: MIT License

JavaScript 100.00%

emoji emoticons emoticon react-native storage chat keyboard

react-native-emoticons's Introduction

👽 🖖

react-native-emoticons's People

Contributors

Stargazers

Watchers

Forkers

ducle-mobytelab maxor4 duheng ryanvanderpol sejo2016 zuoyoulian leadrive aleksandar-ffwd atfriendly app2sales clarkkentzh matrixdekoder yangweiqi linecode trendingtechnology qwlong zhukai1204 chenxi299792458 abackslash r-yan jiangxunyue maple13 tje3d garrethdev chanthea ggabcde coderabbityu webbin qiaxue-tech saiyam-sage gomaxone shiftrtechsas bmcool astw joepake tetris-native liujiawm jadderbao harminder99 emoticon msdgwzhy6 haxibiao kinka yz1311 christianbaroni wrj898 konylee hekuntong welook4 ofirefish xwlabs99 maulikdhameliya youssef212 bghariprasad bachbonglong zhanyan2021 huuluan97 aexsdk androidex-sdk shoukat488 andrei0807 xuanloi1408 lekenny dalalsunil1986 allmacamo snlbaral

react-native-emoticons's Issues

_onBackspacePress这个函数怎么写的，百度谷歌了半天没有找到删除textInput内容的解决方案

Emoji datasource

Can I using the png in emoji-datasource for those emoji?
The emoji are not consistent with iOS and Android

Question: Get the emoticon parameter

Hi,

Can you give us an example of how to get the emoticon as a text after we selected it ?

Tip: The attribute onEmoticonPress can get the emoticons results like {code:'😁', name: 'GRIMACING FACE'}.

Thank you for your time

ViewPagerAndroid has been removed from React Native. It can now be installed and imported from '@react-native-community/viewpager' instead of 'react-native'.

System:
OS: macOS 11.1
CPU: (4) x64 Intel(R) Core(TM) i7-7567U CPU @ 3.50GHz
Memory: 364.23 MB / 16.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 12.18.3 - /usr/local/bin/node
Yarn: 1.22.5 - /usr/local/bin/yarn
npm: 6.14.6 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.10.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 14.3, DriverKit 20.2, macOS 11.1, tvOS 14.3, watchOS 7.2
Android SDK:
API Levels: 23, 28, 29, 30
Build Tools: 28.0.3, 29.0.2, 30.0.1, 30.0.2
System Images: android-29 | Intel x86 Atom, android-29 | Intel x86 Atom_64, android-29 | Google Play Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 4.0 AI-193.6911.18.40.6626763
Xcode: 12.3/12C33 - /usr/bin/xcodebuild
Languages:
Java: 11.0.9.1 - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.13.1 => 16.13.1
react-native: 0.63.4 => 0.63.4
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Issue is arising in after upgrading from react-native 0.59 to 0.63.4

1.0.9 blank screen android

A trailing comma is not permitted after the rest element

When I import the module appers this error:

/app/node_modules/react-native-scrollable-tab-view/SceneComponent.js: A trailing comma is not permitted after the rest element (9:32)

   7 |
   8 | const SceneComponent = (Props) => {
>  9 |   const {shouldUpdated, ...props, } = Props;
     |                                 ^
  10 |   return <View {...props}>
  11 |       <StaticContainer shouldUpdate={shouldUpdated}>
  12 |         {props.children}

Undefined is not an object (React.PropTypes.func)

I'm having the same problem:

#15

I do not feel like changing the version of react native. There is another solution?

my version:

"react-native": "0.52.0"

Android empty tab after mount and unmount component

Entire tab content is hidden after a few seconds of the tab button is pressed. That behaviour seems to occurs after some show/hide/show of the component

The number is not emoji

use stringify and parse
1 trans to 1️⃣

undefined is not an object (evaluating 'this._onEmoticonPress.bind')

getting this error:

react native: 0.48.1

Android支持和IOS显示的效果吗？

Undefined is not an object ( ViewPropTypes.styles )

When i import the Emoticons module, i get this error Undefined is not an object ( ViewPropTypes.styles ) in DefaultTabBar.js

哥们，我又来了，不知道算不算bug，android下，concise设置为false，会巨卡，会影响整个component的执行速度。

debug下测试的巨卡，release下还没测。

Really slow to render when not using concise

This is a great component, but on an iPhone 7, rendering this with concise={false} takes 5+ seconds. On most Android devices it's even longer (10 seconds). I assume this is because there is a bunch of processing going on with 1100+ emojis, but this lag basically makes this unusable for me.

Fix bug: A trailing comma is not permitted after the rest element

You can pull or fork with link on my Github
https://github.com/huuluan97/react-native-emoticons

依赖里面有错误

按步骤引入会红屏报错 react-native-scrollable-tab-view/Scen3eComponent 报语法错误

undefined is not an object(evaluating 'ViewPropTypes.style')

getting this error when importing Emoticons as described in readme file,

react native 0.42

screenshot :

partial stack trace :

2017-06-08 14:17:01.743 [fatal][tid:com.facebook.react.ExceptionsManagerQueue] Exception '-[NSNull integerValue]: unrecognized selector sent to instance 0x1034d0180' was thrown while invoking updateExceptionMessage on target ExceptionsManager with params (
"undefined is not an object (evaluating 'ViewPropTypes.style')",
(
{
column = 28;
file = "node_modules/react-native-emoticons/node_modules/react-native-scrollable-tab-view/DefaultTabBar.js";
lineNumber = 20;
methodName = "";
},
{
column = 12;
file = "node_modules/react-native/packager/src/Resolver/polyfills/require.js";
lineNumber = 171;
methodName = loadModuleImplementation;
},
{
column = 30;
file = "node_modules/react-native-emoticons/node_modules/react-native-scrollable-tab-view/index.js";
lineNumber = 20;
methodName = "";
},
{
column = 12;
file = "node_modules/react-native/packager/src/Resolver/polyfills/require.js";
lineNumber = 171;
methodName = loadModuleImplementation;
},
{
column = 0;
file = "node_modules/react-native-emoticons/index.js";
lineNumber = 18;
methodName = "";
},
{
column = 12;
file = "node_modules/react-native/packager/src/Resolver/polyfills/require.js";
lineNumber = 171;
methodName = loadModuleImplementation;
},

1.0.8版本使用了 ViewPropTypes，在 0.43 版本及以下会导致 crash

查阅了官方源码，ViewPropTypes 这个东西是在 0.44 版本中添加的

兼容方案

import { View, ViewPropTypes as RNViewPropTypes } from 'react-native';

const ViewPropTypes = RNViewPropTypes || View.propTypes;

export default ViewPropTypes;

Undefined is not an object (React.PropTypes.func)

I'm using RN 0.49 and emoticons 1.0.7
_onEmoticonPress and _onBackspacePress are implemented
and showEmoticons has been defined in constructor

<Emoticons
   onEmoticonPress={this._onEmoticonPress.bind(this)}
   onBackspacePress={this._onBackspacePress.bind(this)}
   show={this.state.showEmoticons}
   concise={true}
   showHistoryBar={true}
   showPlusBar={true}
/>

Parse emoticons

Would this work on react web

I can not seem to find this package for the web. I specifically need this functionality bellow:

const emoji = emoticons.parse('This is source emoji [GRIMACING FACE]');
console.log(emoji);

用的react-native 0.55.4

{
  "name": "test",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "eslint": "^4.19.1",
    "native-echarts": "^0.4.0",
    "react": "16.3.1",
    "react-native": "0.55.4",
    "react-native-emoticons": "^1.0.10",
    "react-native-root-toast": "^3.0.1",
    "react-native-sound": "^0.10.9",
    "react-native-storage": "^0.2.2",
    "react-native-svg": "^6.3.1",
    "react-navigation": "^2.0.1",
    "redux": "^4.0.0",
    "teaset": "^0.5.6",
    "victory-native": "^0.17.4"
  },
  "devDependencies": {
    "babel-jest": "22.4.3",
    "babel-preset-react-native": "4.0.0",
    "jest": "22.4.3",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

import React, {Component} from 'react';

import {
    StyleSheet,
    Text,
    TouchableOpacity,
    View,
    Platform,
    ScrollView
} from 'react-native';

import {Button, NavigationPage, ListRow, Input} from "teaset";
import toAst from 'react-native-root-toast';
import Emoticons from 'react-native-emoticons';


export default class Emot1Scene extends NavigationPage {
    static defaultProps = {
        ...NavigationPage.defaultProps,
        title: '表情测试',
        showBackButton: true,
    };

    constructor(props) {
        super(props);

        this.state = {
            showEmoticons: false,
        };
    }

    componentDidMount(){
    }

    _onEmoticonPress = () => {

    }

    _onBackspacePress = () => {

    }

    renderPage(){
        return (
            <View>
                <Emoticons
                    onEmoticonPress={this._onEmoticonPress}
                    onBackspacePress={this._onBackspacePress}
                    show={this.state.showEmoticons}
                    concise={true}
                    showHistoryBar={true}
                    showPlusBar={true}
                />
            </View>
        );
    }
}

我这测试是转成了This is source emoji [1F601]

android empty emoticons area

so the emoticons component works for us on iOS , but when testing on android we get a blank emoticons area like on this screenshot below (We're using RN 0.45.1 , android 6.0 platform 23) :

transparent emoticons

By default alpha in text color is set to 0.7 you have to overrind it by color: '#rgba(0,0,0,1)'

this issue can be solved with:

adding color: '#rgba(0,0,0,1)' in emoji style (line 37 in ./style.js)
replacing: {fontSize: 25} by styles.emoji in text style (line 88 in ./tab.js)