webStrom+android studio 来调整react native项目的布局

使用webstorm开发rn 使用webstorm 关联rn项目 使用android studio关联rn项目的android目录
然后 在webstorm的命令窗口下 执行react-native run-android 把项目跑到android手机上
webStrom+android studio 来调整react native项目的布局_第1张图片
手机上app安装成功后 我们在android studio里面是可以看到 我们项目的进程的 如下图:
webStrom+android studio 来调整react native项目的布局_第2张图片
然后我们使用android studio的 Toos-> Layout inspector
webStrom+android studio 来调整react native项目的布局_第3张图片
然后我们就可以得到下面的图 发现在图标不居中
webStrom+android studio 来调整react native项目的布局_第4张图片
修改代码后:再次 layout inspector 发现在居中了 使用这种方法我们可以看到 我们组件的层次结构(如果是从事android的应该 经常用这外功能的)
webStrom+android studio 来调整react native项目的布局_第5张图片

你可能感兴趣的:(RN)