@@ -2,7 +2,7 @@ import React,{ Component } from 'react';
22import { connect } from 'react-redux' ;
33import { ScrollView , View , Text , StatusBar , StyleSheet , findNodeHandle , Image } from 'react-native' ;
44import Button from '../modules/Button'
5- import { BlurView , VibrancyView } from 'react-native-blur' ;
5+ import { BlurView } from 'react-native-blur' ;
66import paragraph from '../equipment/TextParagraph' ;
77class ModalScreen extends Component {
88 constructor ( props ) {
@@ -14,40 +14,41 @@ class ModalScreen extends Component {
1414 }
1515 render ( ) {
1616 return (
17-
1817 < View style = { styles . container } >
19-
20- < StatusBar
21- backgroundColor = { '#EFEFF4' }
22- animated = { true }
23- barStyle = 'light-content'
24- />
25- < Image
26- ref = { ( img ) => { this . backgroundImage = img ; } }
27- source = { require ( "../image/modal_bg.jpg" ) }
28- onLoadEnd = { this . imageLoaded . bind ( this ) }
29- style = { [ styles . absolute , { width :'100%' , height :'100%' } ] }
30- />
31- < BlurView
32- style = { styles . absolute }
33- blurType = "dark"
34- blurAmount = { 3 }
35- />
36- < ScrollView style = { styles . textView } showsVerticalScrollIndicator = { false } >
37- < Text style = { styles . paragraphCertent } >
38- { paragraph }
39- </ Text >
40-
41-
42- </ ScrollView >
43- < View style = { { position :'absolute' , bottom :90 , right :20 , backgroundColor :'rgba(23, 142, 238,.88)' , width :50 , height :50 , borderRadius :25 , justifyContent : 'center' , alignItems : 'center' , } } >
44- < Button
45- onClick = { ( ) => this . props . navigation . goBack ( ) }
46- title = { "关闭" }
47- bgColor = 'rgba(23, 142, 238,0)'
18+ < StatusBar
19+ backgroundColor = { '#EFEFF4' }
20+ animated = { true }
21+ barStyle = 'light-content'
22+ />
23+ < Image
24+ ref = { ( img ) => { this . backgroundImage = img ; } }
25+ source = { require ( "../image/modal_bg.jpg" ) }
26+ onLoadEnd = { this . imageLoaded . bind ( this ) }
27+ style = { [ styles . absolute , { width :'100%' , height :'100%' } ] }
28+ />
29+ {
30+ this . state . viewRef == null
31+ ? null
32+ :< BlurView
33+ style = { styles . absolute }
34+ blurType = "dark"
35+ blurAmount = { 3 }
36+ viewRef = { this . state . viewRef }
4837 />
38+ }
39+ < ScrollView style = { styles . textView } showsVerticalScrollIndicator = { false } >
40+ < Text style = { styles . paragraphCertent } >
41+ { paragraph }
42+ </ Text >
43+ </ ScrollView >
44+ < View style = { { position :'absolute' , bottom :90 , right :20 , backgroundColor :'rgba(23, 142, 238,.88)' , width :50 , height :50 , borderRadius :25 , justifyContent : 'center' , alignItems : 'center' , } } >
45+ < Button
46+ onClick = { ( ) => this . props . navigation . goBack ( ) }
47+ title = { "关闭" }
48+ bgColor = 'rgba(23, 142, 238,0)'
49+ />
50+ </ View >
4951 </ View >
50- </ View >
5152
5253 ) ;
5354 }
0 commit comments