原生微信小程序开启自定义导航栏后，标题如何和胶囊对齐

在原生微信小程序中，开启自定义导航栏后，如果标题和胶囊不对齐，可以通过以下方式进行调整：

1. 在 page.json 文件中设置 navigationStyle 为 custom，开启自定义导航栏。

2. 在 page.wxml 文件中设置导航栏的样式和布局，可以参考如下代码：

<view class="navbar">
  <view class="navbar-capsule">
    <!-- 左侧返回按钮或其他自定义按钮 -->
  </view>
  <view class="navbar-title">
    <!-- 中间的标题内容 -->
  </view>
  <view class="navbar-capsule"></view>
</view>

3. 在 app.wxss 文件中设置导航栏相关样式，可以参考如下代码：

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding: 0 16px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.navbar-capsule {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #f8f8f8;
}

.navbar-title {
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

通过以上方式设置导航栏的样式和布局，可以实现标题和胶囊对齐的效果。需要注意的是，不同手机型号和屏幕尺寸可能会导致导航栏的高度和布局出现差异，需要根据实际情况进行调整。