@bigbinary/neetoui-rn 3.1.0 → 3.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "neeto UI component library for React Native — v3 (Unistyles, TypeScript, New Architecture)",
   "author": "BigBinary",
   "license": "MIT",

package/src/components/Alert/Alert.tsx

@@ -144,10 +144,10 @@ export const Alert = () => {
             variant={primary.variant ?? "solid"}
             onPress={() => handleButtonPress(primary)}
           />
-          {secondary.map(button => (
+          {secondary.map((button, index) => (
             <Pressable
               accessibilityRole="button"
-              key={button.label}
+              key={index}
               style={styles.secondaryButton}
               onPress={() => handleButtonPress(button)}
             >
@@ -194,7 +194,11 @@ const styles = StyleSheet.create((theme, rt) => {
       width: moderateScale(40),
     },
     content: {
-      paddingBottom: moderateScale(24),
+      // The sheet sits flush against the bottom of the screen, and gorhom
+      // adds no safe-area padding of its own. Without the inset, Android's
+      // navigation bar covers the last row of the sheet — which is the
+      // secondary button ("Cancel") whenever the alert has more than one.
+      paddingBottom: moderateScale(24) + rt.insets.bottom,
     },
     titleContainer: {
       borderBottomColor: theme.colors.palette.grey200,

package/src/components/ChatInput/MentionsInput.tsx

@@ -126,6 +126,14 @@ const styles = StyleSheet.create((theme, rt) => {
       color: theme.colors.text.primary,
       fontFamily: theme.fonts.regular,
       fontSize: theme.fontSizes.m,
+      // Android measures the composer from the typeface's glyph bbox (first
+      // and last line) but lays the text out from the hhea ascent +
+      // descent. SF Pro Text's bbox is the shorter of the two, so once the
+      // composer grows past minHeight it comes out ~3dp shorter than its
+      // own text: scrollable by that slack, last line's descenders clipped.
+      // Sizing from ascent + descent on both sides removes it; iOS ignores
+      // the flag.
+      includeFontPadding: false,
       minHeight: moderateScale(50),
       padding: 0,
     },

package/src/components/Input/Input.tsx

@@ -151,6 +151,13 @@ const styles = StyleSheet.create(theme => ({
     // 17 is what v2 typed at, and it is what the resting label shrinks
     // from: any other size makes the label jump rather than lift.
     fontSize: theme.fontSizes.xl,
+    // Android measures a single-line field from the typeface's glyph bbox
+    // but lays its text out from the hhea ascent + descent. SF Pro Text's
+    // bbox is the shorter of the two, so the field came out ~3dp shorter
+    // than its own line and the text could be dragged up and down inside
+    // it. Sizing from ascent + descent on both sides removes the slack;
+    // iOS ignores the flag.
+    includeFontPadding: false,
     // Android's EditText brings its own padding, which would stack on top
     // of the box's and make the field taller on one platform only.
     padding: 0,

package/src/components/SearchBar/SearchBar.tsx

@@ -119,6 +119,13 @@ const styles = StyleSheet.create((theme, rt) => {
       flex: 1,
       fontFamily: theme.fonts.regular,
       fontSize: moderateScale(16),
+      // Android measures a single-line field from the typeface's glyph bbox
+      // but lays its text out from the hhea ascent + descent. SF Pro Text's
+      // bbox is the shorter of the two, so the field came out ~3dp shorter
+      // than its own line and the text could be dragged up and down inside
+      // it. Sizing from ascent + descent on both sides removes the slack;
+      // iOS ignores the flag.
+      includeFontPadding: false,
       padding: 0,
     },
     cancelButton: {