woodybury / rn-emoji-picker

React βš›οΈ Native ☎️ Emoji 😊 Picker ⛏️ | super light weight, dark/light mode, 0 dependencies, 6.45 kB
MIT License
19 stars 5 forks source link

Fix broken style for textinput and too big tabbar icon on android #15

Open congduong97 opened 9 months ago

congduong97 commented 9 months ago

Hi! πŸ‘‹

Firstly, thanks for your work on this project! πŸ™‚

Today I used patch-package to patch rn-emoji-picker@1.1.6 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/rn-emoji-picker/dist/input/index.js b/node_modules/rn-emoji-picker/dist/input/index.js
index 8b8e56a..58c0c8a 100644
--- a/node_modules/rn-emoji-picker/dist/input/index.js
+++ b/node_modules/rn-emoji-picker/dist/input/index.js
@@ -17,16 +17,15 @@ exports.Input = Input;
 const styles = react_native_1.StyleSheet.create({
     container: {
         borderRadius: 4,
-        overflow: 'hidden',
         height: 34,
         flexDirection: 'row',
         alignItems: 'center'
     },
     input: {
-        flex: 1,
         paddingHorizontal: 15,
         height: 34,
-        fontSize: 16
+        fontSize: 16,
+        padding:0
     }
 });
 //# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/node_modules/rn-emoji-picker/dist/tabBar/index.js b/node_modules/rn-emoji-picker/dist/tabBar/index.js
index bcbfcf8..3fd011d 100644
--- a/node_modules/rn-emoji-picker/dist/tabBar/index.js
+++ b/node_modules/rn-emoji-picker/dist/tabBar/index.js
@@ -15,7 +15,7 @@ const TabBar = ({ categories, activeCategory, onPress, darkMode, width }) => {
                 ]}>
                            <react_native_1.Text style={[
                     styles.emoji,
-                    { fontSize: uiSize }
+                    { fontSize: 20 }
                 ]}>
                                {category.emoji}
                            </react_native_1.Text>
@@ -40,7 +40,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     emoji: {
         textAlign: 'center',
-        paddingBottom: 8
+        paddingBottom: 8,
     }
 });
 //# sourceMappingURL=index.js.map
\ No newline at end of file

This issue body was partially generated by patch-package.