一：RN项目简介
配置完RN开发环境后，通过webstorm新建一个测试项目，进入项目跟目录如下图
1.android:此目录下是RN生成的android对应项目目录，运行Android失败时可以检测buildToolsVersion，gradle等是否一致
2.iOS：对应RN生成的项目目录(不太熟，省)
3.node_modules：依赖库，可以删除，删除后可以通过nmp install 指令重新生成
4.index.js：项目入口文件
5.app.js：开发编辑页面(之前分为两个Android.js和ios.js，更新之后合二为一)
二：对APP.js页面做简要说明：
如图：页面由3部分组成：
1：如箭头所指：该部分是导入的类库部分
2：该部分是进行页面布局等操作的部分
3：该部分是定义styles样式部分
三：通过flexDirection切换主轴方向
在跟布局设置flexDirection，图一值为“”row“，图2值为"column"
一：RN项目简介配置完RN开发环境后，通过webstorm新建一个测试项目，进入项目跟目录如下图1.android:此目录下是RN生成的android对应项目目录，运行Android失败时可以检测buildToolsVersion，gradle等是否一致2.iOS：对应RN生成的项目目录(不太熟，省)3.node_modules：依赖库，可以删除，删除后可以通过nmp instal
针对于圆盘转动类的自定义按钮需求，写了一个组件，封装成了自定义组件。地址在https://github.com/ltyx55mlb/
react
-
native
-turntable
如下是使用代码实例
import {Turntable} from '
react
-
native
-turntable'
export default class App extends Component...
flexbox是由伸缩容器和伸缩
项目
组成。任何一个元素都可以使用flexbox布局。容器默认存在两根轴：水平的
主轴
（main axis）和垂直的交叉轴（cross axis）。
主轴
的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。
项目
默认沿
主轴
排列。单个
RN样式及flex布局1、RN样式2、FlexBox布局
1、RN样式
React
-
Native
的样式是使用RN提供的 StyleSheet API的create函数来定义一个styles对象实现的
1.1 样式声明：
import {StyleSheet} from '
react
-
native
';
const styles = StyleSheet.create({
contain...
您想要更改
react
-
native
-webrtc 中 getDisplayMedia 的编码方式吗？如果是的话，您可以使用 MediaStreamTrack.applyConstraints() 方法来更改编码设置。例如，您可以更改分辨率、帧率、比特率等参数。下面是一个示例代码：
const videoTrack = stream.getVideoTracks()[0];
const constraints = {
width: { ideal: 1920 },
height: { ideal: 1080 },
frameRate: { ideal: 30 },
// 更改比特率
videoBitrate: { ideal: 2000 }
videoTrack.applyConstraints(constraints);
您可以根据自己的需求修改上述代码中的约束参数。请注意，不是所有的约束参数都被所有的浏览器支持。因此，在设置约束参数之前，请确保您的浏览器支持您要使用的参数。
