React Native中用react-native-image-crop-tools实现屏幕宽正方形裁剪

要在横屏平板上实现宽度等于屏幕宽度的完美正方形裁剪区域，可以按以下方式修改代码：

核心调整点 #

• 裁剪容器的尺寸直接设为屏幕宽度的正方形（横屏时Dimensions.get('screen').width是横向屏幕长度）
• 强制裁剪比例为1:1（正方形的标准比例）

修正后的代码 #

style={{ 
  width: Dimensions.get('screen').width, 
  height: Dimensions.get('screen').width // 高度等于宽度，形成正方形容器
}}
ref={cropViewRef}
onImageCrop={(res) => console.warn(res)}
keepAspectRatio
aspectRatio={{ width: 1, height: 1 }} // 1:1 强制正方形比例

说明 #

1. 容器尺寸：将height从屏幕高度改为屏幕宽度，确保容器是严格的正方形，且宽度占满屏幕。
2. 裁剪比例：aspectRatio设为{width:1, height:1}即可锁定正方形比例，无需基于屏幕尺寸计算比例（比例是相对值，1:1就是正方形）。
3. 横屏适配：横屏模式下Dimensions.get('screen').width会自动返回横向的屏幕宽度，因此该设置能适配横屏状态。

内容的提问来源于stack exchange，提问作者E.D