[🐴] A few tweaks to message input on native (#4035)

* tweaks

* only apply the padding on ios

* use a hitslop of 10 instead

* version bump

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bsky.app",
-  "version": "1.82.0",
+  "version": "1.83.0",
   "private": true,
   "engines": {
     "node": ">=18"

src/screens/Messages/Conversation/MessageInput.tsx

@@ -19,6 +19,7 @@ import {
   useMessageDraft,
   useSaveMessageDraft,
 } from '#/state/messages/message-drafts'
+import {isIOS} from 'platform/detection'
 import * as Toast from '#/view/com/util/Toast'
 import {atoms as a, useTheme} from '#/alf'
 import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane'
@@ -97,13 +98,20 @@ export function MessageInput({
           value={message}
           multiline={true}
           onChangeText={setMessage}
-          style={[a.flex_1, a.text_md, a.px_sm, t.atoms.text, {maxHeight}]}
+          style={[
+            a.flex_1,
+            a.text_md,
+            a.px_sm,
+            t.atoms.text,
+            {maxHeight, paddingBottom: isIOS ? 5 : 0},
+          ]}
           keyboardAppearance={t.name === 'light' ? 'light' : 'dark'}
           scrollEnabled={isInputScrollable}
           blurOnSubmit={false}
           onFocus={scrollToEnd}
           onContentSizeChange={onInputLayout}
           ref={inputRef}
+          hitSlop={HITSLOP_10}
         />
         <Pressable
           accessibilityRole="button"