React Native 开发指南-CSDN博客

本文链接：https://blog.csdn.net/liantaiyou/article/details/109863373

React native
1.打开权限 sudo chown -R ‘whoami’ /usr/local
或者open /usr/local
就会出现local文件夹，右击打开简介将所有的都改为读写功能
接下来安装的东西就不会报权限不够的错误
1.安装homebrew。用于安装其他软件
/usr/bin/ruby -e “ $(c u r l - f s S L h t t p s : / / c d n . j s d e l i v r . n e t / g h / i n e o 6 / h o m e b r e w - i n s t a l l / i n s t a l l) " 可能会报错 2 . 安装 n o d e 和 n p m . j s b r e w i n s t a l l n o d e 3 . 安装 w a t c h M a n 是 f a c e b o o k 提供的监视文件系统变更的工具，安装此工具可以提供开发的性能替换 b r e w . g i t : c d "$ (brew --repo)”
git remote set-url origin https://mirrors.ustc.edu.cn/brew.git
替换homebrew-core.git:
cd “ $(b r e w - - r e p o) / L i b r a r y / T a p s / h o m e b r e w / h o m e b r e w - c o r e " g i t r e m o t e s e t - u r l o r i g i n h t t p s : / / m i r r o r s . u s t c . e d u . c n / h o m e b r e w - c o r e . g i t 重置 b r e w . g i t : c d "$ (brew --repo)”
git remote set-url origin https://github.com/Homebrew/brew.git
重置homebrew-core.git:
cd “$(brew --repo)/Library/Taps/homebrew/homebrew-core”
git remote set-url origin https://github.com/Homebrew/homebrew-core.git

brew install watchMan

安装reactnative 和yarn（官方文档）
npm install -g yarn react-native-cli
npm root -g 查看是否安装成功
打开路径。open～就可以看到我们安装的一些工具

初始话一个reactnative项目
新建文件夹
终端 react-native init 项目名
如果报错yarn add 。。。。。 failed
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
之后就可以初始化成功
接下来配置ios环境
1.点击create a new Xcode project
选择ios single view app
点击next
Product name :自己写.
Language：选择oc
其他选项自己写
之后创建成功，选择模拟器ios8，点击左上角三角符号去运行在模拟器上
1.在main.storyboard中找到safe area。就可以拖一些右侧按钮进去，重新运行模拟器就会显示

记录
写maxWidth 与width显示的宽度不一样，，maxWidth会比较窄些
//发消息后直接滚动到最新的内容
setTimeout(() => {
this.refs.scrollView.scrollToEnd();
});
自动回复保留7天历史记录后端做，前端做容易丢失
//设置小球边界值
onPanResponderMove: (evt, gestureState) => {
if (
gestureState.moveY < s * 80 ||
gestureState.moveY > screenHeight - s * 39
) {
return;
}
if (
gestureState.moveX < s * 80 ||
gestureState.moveX > a * 90 - s * 35
) {
// a*60 屏幕宽度 s * 35搜索框的宽度
return;
}
return Animated.event([
null, //忽略原生事件
{ dx: this.state.pan.x, dy: this.state.pan.y },
])(evt, gestureState);
},