Webview html là gì?

Trước tiên, hãy khởi động dự án của chúng tôi. Chuyển đến thư mục mà bạn muốn lưu trữ dự án của mình. Trong thư mục này, hãy chạy để khởi động dự án Expo. Bạn có thể thay thế “my-project” bằng bất kỳ tên nào bạn thích. expo init my-project

Sau đó, thay đổi thư mục mới được tạo bằng và chạy để khởi động máy chủ phát triển. Expo cho phép bạn quyết định loại thiết bị nào bạn muốn làm việc tương tự; . 5. cd my-projectexpo start

Nhưng trước khi bắt đầu ứng dụng của mình, chúng ta vẫn cần cài đặt gói React Native WebView. Để làm điều đó, hãy chạy lệnh sau trong thư mục dự án của bạn

expo cài đặt phản ứng - bản địa - webview

Gói này sẽ hoạt động trên cả thiết bị Android và iOS

Dưới đây là tổng quan về lệnh cuối cùng

# cd vào thư mục chứa dự án của bạn 
 $ cd dir 

# khởi tạo dự án expo 
$ expo init my - project 

# điều hướng bên trong dự án mới tạo 
$ cd my - project 

# cài đặt gói webview 
$ expo cài đặt react - native - webview 

# chạy máy chủ phát triển 
$ expo start

Tạo cấu trúc URL cơ bản

Để đơn giản, chúng tôi sẽ thêm mã của mình vào tep và chúng tôi sẽ không tạo thêm bất kỳ tệp nào. ________số 8

Cách đơn giản nhất để nhúng một WebView vào ứng dụng React Native của bạn là cung cấp một URL làm nguồn cho thành phần WebView của bạn

# Ứng dụng . js
 nhập Phản ứng , { Thành phần } từ 'phản ứng' ; nhập { SafeAreaView } từ "reac-native" ; nhập { WebView } từ 'Reac-igen-webview' ; class MyWeb mở rộng Thành phần { 
  render () { return ( < SafeAreaView style = {{ flex : 1 }}> < Nguồn WebView       
     
     

     
     
          
         
          = {{ uri : ' https: // Reacnative.dev /' }} />  ); } }    
        
      
    
  

Để sử dụng một phần WebView thành phần, bạn phải nhập nó, vì chúng tôi đã làm ở dòng 4. Sau đó, tất cả những gì bạn cần làm là thiết lập các source đạo cụ

Xin lưu ý rằng source lấy một đối tượng làm giá trị. Trong trường hợp này, chúng tôi đang cung cấp 

# cd vào thư mục chứa dự án của bạn 
 $ cd dir 

# khởi tạo dự án expo 
$ expo init my - project 

# điều hướng bên trong dự án mới tạo 
$ cd my - project 

# cài đặt gói webview 
$ expo cài đặt react - native - webview 

# chạy máy chủ phát triển 
$ expo start

1

nguồn ={{ uri : 'https://reactnative.dev/' }}    

Mã này sẽ dẫn đến một cái gì đó như thế này

Viết HTML nội tuyến cơ bản

Một cách phổ biến khác để cung cấp cho WebView của bạn một nguồn là viết một số mã HTML nội tuyến. Hãy bắt đầu với một ví dụ rất đơn giản ở đây

Trong một số lượng ứng dụng phù hợp, chúng tôi cần hiển thị một trang web hoặc một tệp html, lúc này WebView sẽ giúp chúng tôi

Trong bài này mình sẽ hướng dẫn các bạn duyệt web đơn giản

1. Design design

Các bạn đã tạo dự án và kéo thả WebKit View vào Main. bảng phân cảnh

Hình 1. 1 Chế độ xem WebKit

Ở phía dưới UIView chúng ta thêm 2 UIButton để điều khiển trình duyệt

Hình 1. 2 Giao diện duyệt web

Tiếp theo bạn ánh xạ Outlet cho WebKit View và Action cho 2 UIButton

Hình 1. 3 Ánh xạ Outlet, Action

2. Thực hiện chức năng chức năng code

You are to ViewController. swift và thực thi mã chức năng của trình duyệt

Các bạn tham khảo đoạn mã sau

Đoạn mã trên sẽ làm WebView Kit tải trang Google. com, phía bên dưới sẽ có 2 UIButton Next và Back để điều khiển cùng với logic hiện hai UIButton này

Run project you will have a đơn giản Web duyệt web

Hình 2. 1 Web Browse

Cảm ơn bạn đã theo dõi bài viết, nếu có thắc mắc gì vui lòng bình luận lại bên dưới

Bạn có thể tham khảo khóa học lập trình iOS tại laptrinh0kho. com. Các khóa học từ cơ bản đến nâng cao, được thực hiện bởi các doanh nghiệp. Bạn sẽ được cung cấp kiến ​​thức có hệ thống với đội ngũ giảng viên ưu tú kinh tế thực tế và am hiểu sư phạm. Vui lòng liên hệ ngay để được hỗ trợ miễn phí theo thông tin bên dưới

No ai in the number of them have job. Tôi chỉ đạt được để hiển thị chuỗi vào WebView (mã HTML), nhưng không phải trang web phải được tạo bằng mã HTML đó

Chuyện gì thế?

---

Ví dụ này chứng minh về cách tải nội dung HTML trong Android WebView

Bước 1 - Tạo dự án mới trong Android Studio, đi đến tệp ⇒ Dự án mới và điền tất cả các chi tiết cần thiết để tạo dự án mới. Trong mã hóa, chúng tôi đã xem Web View để hiển thị nội dung HTML