版本：0.77

提升用户体验

配置文本输入框

在触屏手机上输入文字并不容易——屏幕小，还得用软键盘。不过根据所需数据类型，合理配置文本输入框可以让输入更轻松：

• 自动聚焦第一个输入框
• 用 placeholder 提示期望的数据格式
• 按需开启或关闭自动大写和自动纠错
• 选择合适的键盘类型（如 email、数字键盘）
• 确保回车键能跳转到下一个输入框或提交表单

更多配置选项请查阅 TextInput 文档。

键盘弹出时的布局处理

软键盘会占据将近半块屏幕。如果有交互元素可能被键盘遮挡，请使用 KeyboardAvoidingView 组件确保它们始终可访问。

加大可点击区域

在手机上精确点按按钮并不容易。请确保所有交互元素不小于 44x44。一种做法是为元素留出足够空间，比如设置 padding、minWidth 和 minHeight 样式。另一种方式是使用 hitSlop 属性，在不影响布局的前提下扩大可点击区域。效果如下：

使用 Android Ripple 效果

Android API 21+ 通过 material design 的 ripple（水波纹）效果，在用户触摸可交互区域时给出反馈。React Native 通过 TouchableNativeFeedback 组件暴露了这个能力。相比透明度或高亮效果，使用这种触摸反馈通常能让应用在 Android 上更有原生感。但使用时要留意：它不支持 iOS，也不支持 Android API 21 以下版本，所以在 iOS 上需要回退到其他 Touchable 组件。可以借助 react-native-platform-touchable 这类库来自动处理平台差异。

锁定屏幕方向

默认情况下多屏幕方向应该都能正常工作，除非你使用了 Dimensions API 且未处理方向变化。如果不打算支持多个屏幕方向，可以把屏幕锁定为竖屏或横屏。 在 iOS 上，在 Xcode 的 General 标签页和 Deployment Info 部分勾选要支持的 Device Orientation（修改前请确认已在 Devices 菜单中选中 iPhone）。在 Android 上，打开 AndroidManifest.xml 文件，在 activity 元素中添加 'android:screenOrientation="portrait"' 锁定竖屏，或添加 'android:screenOrientation="landscape"' 锁定横屏。

了解更多

Material Design 和 Human Interface Guidelines 是学习移动平台设计的绝佳资源。