用户登录

WebView 有点像是一个浏览器 .. 在 React Native 里面有一个 WebView 组件,我们可以使用它打开指定的地址的网页 ... 比如在我们的应用里,如果用户没登录,需要显示一个豆瓣提供的登录授权的页面 .. 这个页面我们就可以使用一个 WebView 组件打开它。

现在,在我的标签这个页面上显示的是 Login 组件里的内容 .. 打开 app/Components 下面的 Login.js .. 在这个组件里面,我们可以用一下 WebView .. 先把它从 React 里面提取出来 .. 这里输入一个 WebView ..

然后找到组件的 render 方法 .. 先删除掉里面的 View 还有 Text .. 这里用一个 WebView ..

要打开的地址,可以放到它的 url 属性里面 .. 添加一个 url 属性 .. 它的值就是需要打开的网页的地址 .. 这里我们打开 ninghao.net ..

保存 ... 在我的这个页面上,现在会打开宁皓网的首页 ...

WebView 组件《 React Native #6:oAuth 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点