在iPhone设备上添加小程序时，特别是针对刘海屏的适配，可以采取以下方法：
使用CSS的safe-area-inset-top属性
UniApp开发中，可以使用CSS的`safe-area-inset-top`属性来适配刘海屏。这个属性可以获取到刘海屏的安全区域高度，并将布局进行调整，以确保内容不被刘海屏遮挡。
示例代码：
```css
.selector {
padding-top: constant（safe-area-inset-top）； /* 兼容 iOS 12.0-12.1 */
padding-top: env（safe-area-inset-top）；
}
```
使用wx.getSystemInfo获取设备信息
可以通过调用`wx.getSystemInfoSync`方法获取设备信息，判断是否为iPhone X系列，并据此动态设置元素高度，以保证元素在iPhone X下能有理想的显示效果。
示例代码：
```javascript
Page（{
data: {
isIPhoneX: false
},
onLoad: function （） {
this.setData（{
"isIPhoneX": this.isIPhoneX（）
}）；
},
isIPhoneX: function （） {
let res = wx.getSystemInfoSync（）；
var safeBottom = res.screenHeight - res.safeArea.bottom；
return safeBottom === 34；
}
}）；
```
适配导航条
对于顶部的刘海区域，小程序的导航条默认会进行适配，无需额外设置。
对于底部的下巴区域，可以使用小程序的tab页面，默认会对其进行适配。
通过以上方法，可以有效地在苹果刘海屏设备上添加和适配小程序，确保内容在各种机型上都能正常显示。