用户登录

在使用 WebView 打开网页的时候,在网页没有显示之前我们可以显示一个加载指示 .. 找到这个使用 WebView 组件的地方 .. 添加一个 startInLoadingState 属性 .. 它的值的类型是布尔值 .. 把它设置成 true .. 保存 .. 注意现在,在没显示见面之前,会出现一个加载指示 ..

浏览到页面顶部或者底部的时候 .. 按住页面 .. 向下或者向上拖 .. 会有一个回弹的效果 .. 如果你不想使用这种效果,可以在 WebView 上面添加一个 bounces 属性 .. 把它的值设置成 false .. 保存 ..

这回你再向下拽的时候 .. 就不会有那个回弹的效果了 .. 如果你想禁用页面的滚动功能的话 .. 可以用一个 scrollEnabled 属性 .. 把它的值设置成 false .. 现在这个页面就不能滚动了 ..

我们可以在页面内容的周围添加点边距的话,可以使用一个 contentInset 属性 .. 它的值是一个对象 .. 里面可以使用 top,right,bottom,left 去添加上右下左这几个方向的边距 .. 这里我把它们的值都设置成 10 .. 保存 .. 你会看到页面内容的四周会出现一点边距 ..

WebView 组件不仅可以打开某个地址 .. 你也可以把一些 html 源码交给 WebView 组件来显示 .. 这里先注释掉这个 startInLoadingState .. 还有下面的这个 url 属性 .. 然后添加一个 html ... 它的值就是要显示的 HTML 的代码 .. 用一组 pre 标签 .. 包装一下 let siteName = 'ninghao.net' ...

保存 .. 这里显示的就是渲染之后的 html 属性里的 html 代码表示的内容 ...

WebView 组件的属性《 React Native #6:oAuth 》

统计

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

社会化网络

关于

微信订阅号

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