npm
/
react-native-autoheight-webview
關註 10
收藏 0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 23 Wiki Activity
瀏覽代碼

add files property (demo.css) to demo

iou90 6 年之前
父節點
4e76126447
當前提交
3910c92601
共有 7 個文件被更改，包括 5375 次插入 和 2 次删除
分割檢視 顯示文件統計
  1. 6
    0
      demo/App.js
  2. 3
    0
      demo/android/app/src/main/assets/web/demo.css
  3. 1
    1
      demo/config.js
  4. 12
    0
      demo/ios/demo.xcodeproj/project.pbxproj
  5. 3
    0
      demo/ios/web/demo.css
  6. 5349
    0
      demo/yarn.lock
  7. 1
    1
      package-lock.json

+ 6
- 0
demo/App.js 查看文件 

@@ -102,6 +102,12 @@ export default class Explorer extends Component {
102 102 
           style={{
103 103 
             marginTop: 15
104 104 
           }}
105 
+          enableBaseUrl
106 
+          files={[{
107 
+            href: 'demo.css',
108 
+            type: 'text/css',
109 
+            rel: 'stylesheet'
110 
+          }]}
105 111 
           customStyle={widthStyle}
106 112 
           onError={() => console.log('width on error')}
107 113 
           onLoad={() => console.log('width on load')}

+ 3
- 0
demo/android/app/src/main/assets/web/demo.css 查看文件 

@@ -0,0 +1,3 @@
1 
+.localStyle {
2 
+    font-weight: bold;
3 
+}

+ 1
- 1
demo/config.js 查看文件 

@@ -36,7 +36,7 @@ const autoWidthHtml0 = `
36 36 
 <head>
37 37 
   <meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, user-scalable=no" />
38 38 
 </head>
39 
-<p style="display: inline;background-color: transparent !important;background-image: linear-gradient(to bottom, rgba(146, 249, 190, 1), rgba(146, 249, 190, 1));font-weight: 400;font-style: normal;zoom:1;font-size: 21px;line-height: 1.58;letter-spacing: -.003em;">hey</p>
39 
+<p class="localStyle" style="display: inline;background-color: transparent !important;background-image: linear-gradient(to bottom, rgba(146, 249, 190, 1), rgba(146, 249, 190, 1));font-style: normal;zoom:1;font-size: 21px;line-height: 1.58;letter-spacing: -.003em;">hey</p>
40 40 
 </html>
41 41 
 `;
42 42

+ 12
- 0
demo/ios/demo.xcodeproj/project.pbxproj 查看文件 

@@ -38,6 +38,7 @@
38 38 
 		5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; };
39 39 
 		832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; };
40 40 
 		ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */; };
41 
+		B7420B85210E3185007509B0 /* demo.css in Resources */ = {isa = PBXBuildFile; fileRef = B7420B84210E3185007509B0 /* demo.css */; };
41 42 
 /* End PBXBuildFile section */
42 43
43 44 
 /* Begin PBXContainerItemProxy section */
 
@@ -343,6 +344,7 @@
343 344 
 		78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = "<group>"; };
344 345 
 		832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = "<group>"; };
345 346 
 		ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTBlob.xcodeproj; path = "../node_modules/react-native/Libraries/Blob/RCTBlob.xcodeproj"; sourceTree = "<group>"; };
347 
+		B7420B84210E3185007509B0 /* demo.css */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.css; path = demo.css; sourceTree = "<group>"; };
346 348 
 /* End PBXFileReference section */
347 349
348 350 
 /* Begin PBXFrameworksBuildPhase section */
 
@@ -482,6 +484,7 @@
482 484 
 		13B07FAE1A68108700A75B9A /* demo */ = {
483 485 
 			isa = PBXGroup;
484 486 
 			children = (
487 
+				B7420B5E210E3082007509B0 /* web */,
485 488 
 				008F07F21AC5B25A0029DE68 /* main.jsbundle */,
486 489 
 				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
487 490 
 				13B07FB01A68108700A75B9A /* AppDelegate.m */,
 
@@ -604,6 +607,14 @@
604 607 
 			name = Products;
605 608 
 			sourceTree = "<group>";
606 609 
 		};
610 
+		B7420B5E210E3082007509B0 /* web */ = {
611 
+			isa = PBXGroup;
612 
+			children = (
613 
+				B7420B84210E3185007509B0 /* demo.css */,
614 
+			);
615 
+			path = web;
616 
+			sourceTree = "<group>";
617 
+		};
607 618 
 /* End PBXGroup section */
608 619
609 620 
 /* Begin PBXNativeTarget section */
 
@@ -1050,6 +1061,7 @@
1050 1061 
 			files = (
1051 1062 
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
1052 1063 
 				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
1064 
+				B7420B85210E3185007509B0 /* demo.css in Resources */,
1053 1065 
 			);
1054 1066 
 			runOnlyForDeploymentPostprocessing = 0;
1055 1067 
 		};

+ 3
- 0
demo/ios/web/demo.css 查看文件 

@@ -0,0 +1,3 @@
1 
+.localStyle {
2 
+    font-weight: bold;
3 
+}

+ 5349
- 0
demo/yarn.lock
文件差異過大導致無法顯示
查看文件


+ 1
- 1
package-lock.json 查看文件 

@@ -1,6 +1,6 @@
1 1 
 {
2 2 
   "name": "react-native-autoheight-webview",
3 
-  "version": "0.6.1",
3 
+  "version": "0.10.0",
4 4 
   "lockfileVersion": 1,
5 5 
   "requires": true,
6 6 
   "dependencies": {