Bạn có thể sử dụng thành phần này để điều hướng qua lại trong lịch sử của chế độ xem web và định cấu hình các thuộc tính khác nhau cho nội dung web
Trên iOS, prop useWebKit
có thể được sử dụng để chọn tham gia triển khai được hỗ trợ bởi WKWebView
Thẩm quyền giải quyếtCảnh báo an ninh. Hiện tại,
onMessage
và0 không cho phép chỉ định nguồn gốc. Điều này có thể dẫn đến các cuộc tấn công kịch bản chéo trang nếu một tài liệu không mong muốn được tải trong một phiên bảnimport React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}WebView
. Vui lòng tham khảo tài liệu MDN cho2 để biết thêm chi tiết về ý nghĩa bảo mật của điều nàyimport React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
đạo cụ
kế thừa
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
3
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
Tải HTML tĩnh hoặc URI [có tiêu đề tùy chọn] trong WebView. Lưu ý rằng HTML tĩnh sẽ yêu cầu cài đặt thành
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
5Đối tượng được chuyển đến
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
3 có thể có một trong các hình dạng sautải uri
7 [chuỗi] - URI cần tải trongimport React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}WebView
. Có thể là một tệp cục bộ hoặc từ xa
9 [chuỗi] - Phương thức HTTP để sử dụng. Mặc định là GET nếu không được chỉ định. Trên Android, các phương thức được hỗ trợ duy nhất là GET và POSTimport React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
0 [đối tượng] - Các tiêu đề HTTP bổ sung để gửi cùng với yêu cầu. Trên Android, điều này chỉ có thể được sử dụng với các yêu cầu GETstatic extraNativeComponentConfig[]
1 [chuỗi] - Phần thân HTTP để gửi cùng với yêu cầu. Đây phải là một chuỗi UTF-8 hợp lệ và sẽ được gửi chính xác như đã chỉ định mà không cần mã hóa bổ sung [e. g. thoát URL hoặc base64] được áp dụng. Trên Android, điều này chỉ có thể được sử dụng với các yêu cầu POSTstatic extraNativeComponentConfig[]
HTML tĩnh
2 [chuỗi] - Một trang HTML tĩnh để hiển thị trong WebViewstatic extraNativeComponentConfig[]
3 [chuỗi] - URL cơ sở được sử dụng cho bất kỳ liên kết tương đối nào trong HTMLstatic extraNativeComponentConfig[]
static extraNativeComponentConfig[]
4
static extraNativeComponentConfig[]
Kiểm soát xem có điều chỉnh phần chèn nội dung cho chế độ xem web được đặt phía sau thanh điều hướng, thanh tab hoặc thanh công cụ hay không. Giá trị mặc định là
static extraNativeComponentConfig[]
5TypeRequiredboolNostatic extraNativeComponentConfig[]
6
static extraNativeComponentConfig[]
Hàm chấp nhận một chuỗi sẽ được chuyển đến WebView và được thực thi ngay lập tức dưới dạng JavaScript
LoạiChức năng bắt buộcKhôngstatic extraNativeComponentConfig[]
7
static extraNativeComponentConfig[]
Đặt cài đặt này để cung cấp JavaScript sẽ được đưa vào trang web khi lượt xem tải
LoạiChuỗi yêu cầuKhôngstatic extraNativeComponentConfig[]
8
static extraNativeComponentConfig[]
Boolean xác định xem âm thanh và video HTML5 có yêu cầu người dùng chạm vào chúng trước khi bắt đầu phát hay không. Giá trị mặc định là
static extraNativeComponentConfig[]
5goForward[];
0
goForward[];
Ghi đè thành phần gốc được sử dụng để hiển thị WebView. Bật một WebView gốc tùy chỉnh sử dụng cùng JavaScript với WebView gốc
Prop
goForward[];
0 mong đợi một đối tượng có các khóa sau
2 [bất kỳ]goForward[];
3 [đối tượng]goForward[];
4 [đối tượng]goForward[];
goForward[];
5
goForward[];
Chức năng được gọi khi tải WebView
không thành công
goForward[];
7
goForward[];
Chức năng được gọi khi WebView
tải xong
goForward[];
9
goForward[];
Hàm được gọi khi tải WebView
thành công hoặc không thành công
goBack[];
1
goBack[];
Chức năng được gọi khi WebView
bắt đầu tải
onMessage
Một chức năng được gọi khi chế độ xem web gọi
goBack[];
4. Việc đặt thuộc tính này sẽ đưa toàn cầu import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
0 vào chế độ xem web của bạn, nhưng sẽ vẫn gọi các giá trị đã tồn tại trước đó là import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
0goBack[];
4 chấp nhận một đối số, goBack[];
8, sẽ có sẵn trên đối tượng sự kiện, goBack[];
9. goBack[];
8 phải là một chuỗiLoạiChức năng bắt buộcKhôngreload[];
1
reload[];
Chức năng được gọi khi quá trình tải WebView
bắt đầu hoặc kết thúc
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
4
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
Danh sách các chuỗi gốc để cho phép được điều hướng đến. Các chuỗi cho phép ký tự đại diện và chỉ khớp với nguồn gốc [không phải URL đầy đủ]. Nếu người dùng nhấn để điều hướng đến một trang mới nhưng trang mới không có trong danh sách an toàn này, URL sẽ được hệ điều hành xử lý. Nguồn gốc được đưa vào danh sách an toàn mặc định là
reload[];
4 và reload[];
5LoạiYêu cầudàn chuỗiKhôngreload[];
6
reload[];
Hàm trả về chế độ xem để hiển thị nếu có lỗi
LoạiChức năng bắt buộcKhôngreload[];
7
reload[];
Hàm trả về chỉ báo tải. Chỗ dựa startInLoadingState phải được đặt thành true để sử dụng chỗ dựa này
reload[];
8
reload[];
Boolean kiểm soát xem nội dung web có được chia tỷ lệ để phù hợp với chế độ xem hay không và cho phép người dùng thay đổi tỷ lệ. Giá trị mặc định là
static extraNativeComponentConfig[]
5Trên iOS, khi , chỗ dựa này sẽ không hoạt động
TypeRequiredboolNostopLoading[];
1
stopLoading[];
Chức năng cho phép xử lý tùy chỉnh bất kỳ yêu cầu xem web nào. Trả về
static extraNativeComponentConfig[]
5 từ chức năng để tiếp tục tải yêu cầu và stopLoading[];
3 để dừng tảiLoạiYêu cầuNền tảngchức năngNoiOSstopLoading[];
4
stopLoading[];
Giá trị boolean buộc WebView
hiển thị chế độ xem tải trong lần tải đầu tiên. Giá đỡ này phải được đặt thành
static extraNativeComponentConfig[]
5 để giá đỡ reload[];
7 hoạt độngTypeRequiredboolNostopLoading[];
8
stopLoading[];
Số dấu phẩy động xác định tốc độ giảm tốc của chế độ xem cuộn sau khi người dùng nhấc ngón tay lên. Bạn cũng có thể sử dụng các phím tắt chuỗi
stopLoading[];
9 và WebView
0 phù hợp với cài đặt iOS cơ bản cho WebView
1 và WebView
2 tương ứng- thông thường. 0. 998
- Nhanh. 0. 99 [mặc định cho chế độ xem web trên iOS]
WebView
3
Giá trị Boolean để kiểm soát xem Bộ lưu trữ DOM có được bật hay không. Chỉ được sử dụng trong Android
TypeBắt buộcPlatformboolNoAndroidWebView
4
Giá trị Boolean để kích hoạt JavaScript trong WebView
. Chỉ được sử dụng trên Android vì JavaScript được bật theo mặc định trên iOS. Giá trị mặc định là
static extraNativeComponentConfig[]
5TypeBắt buộcPlatformboolNoAndroidWebView
7
Chỉ định chế độ nội dung hỗn hợp. tôi. e WebView sẽ cho phép nguồn gốc an toàn tải nội dung từ bất kỳ nguồn gốc nào khác
Các giá trị có thể có của WebView
7 là
WebView
9 [mặc định] - WebView sẽ không cho phép nguồn gốc an toàn tải nội dung từ nguồn gốc không an toànuseWebKit
0 - WebView sẽ cho phép nguồn gốc an toàn tải nội dung từ bất kỳ nguồn gốc nào khác, ngay cả khi nguồn gốc đó không an toànuseWebKit
1 - WebView sẽ cố gắng tương thích với cách tiếp cận của trình duyệt web hiện đại liên quan đến nội dung hỗn hợp
useWebKit
2
Giá trị Boolean để bật cookie của bên thứ ba trong WebView
. Chỉ được sử dụng trên Android Lollipop trở lên vì cookie của bên thứ ba được bật theo mặc định trên Android Kitkat trở xuống và trên iOS. Giá trị mặc định là
static extraNativeComponentConfig[]
5TypeBắt buộcPlatformboolNoAndroiduseWebKit
5
Đặt tác nhân người dùng cho WebView
useWebKit
7
Boolean xác định xem video HTML5 phát nội tuyến hay sử dụng bộ điều khiển toàn màn hình gốc. Giá trị mặc định là
stopLoading[];
3LoạiBắt buộcPlatformboolNoiOSGHI CHÚ
Để video phát nội tuyến, không chỉ thuộc tính này cần được đặt thành
5 mà phần tử video trong tài liệu HTML cũng phải bao gồm thuộc tínhstatic extraNativeComponentConfig[]
onMessage
0
onMessage
1
Giá trị boolean xác định xem liệu chế độ xem web có bị trả lại khi đến mép nội dung hay không. Giá trị mặc định là
static extraNativeComponentConfig[]
5LoạiBắt buộcPlatformboolNoiOSonMessage
3
Số lượng nội dung của chế độ xem web được chèn vào từ các cạnh của chế độ xem cuộn. Mặc định là {top. 0, trái. 0, đáy. 0, phải. 0}
TypeRequiredPlatformobject. {đứng đầu. số, trái. số, đáy. số, phải. số}NoiOSonMessage
4
Xác định loại dữ liệu được chuyển đổi thành URL có thể nhấp trong nội dung của chế độ xem web. Theo mặc định, chỉ số điện thoại được phát hiện
Bạn có thể cung cấp một loại hoặc một mảng nhiều loại
Các giá trị có thể có của onMessage
4 là
onMessage
6onMessage
7onMessage
8onMessage
9
00import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
01import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
Với việc thực hiện, chúng tôi có ba giá trị mới
02import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
03import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
04import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
05
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
Giá trị boolean xác định xem tính năng cuộn có được bật trong WebView
hay không. Giá trị mặc định là
static extraNativeComponentConfig[]
5LoạiBắt buộcPlatformboolNoiOSimport React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
08
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
Đặt xem có bật Định vị địa lý trong WebView
. Giá trị mặc định là
stopLoading[];
3. Chỉ được sử dụng trong AndroidTypeBắt buộcPlatformboolNoAndroidimport React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
11
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
Boolean đặt xem JavaScript chạy trong ngữ cảnh của URL lược đồ tệp có được phép truy cập nội dung từ bất kỳ nguồn nào hay không. Bao gồm truy cập nội dung từ các URL lược đồ tệp khác. Giá trị mặc định là
stopLoading[];
3TypeBắt buộcPlatformboolNoAndroidimport React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
13
import React, {Component} from 'react';
import {WebView} from 'react-native';
class MyInlineWeb extends Component {
render[] {
return [
];
}
}
Boolean đặt xem WebView
có quyền truy cập vào hệ thống tệp hay không. Giá trị mặc định là
stopLoading[];
3