/*
* @date: 2019-08-30 16:05:37
* @description: 真的不想每次都寫個modal了。
* @author: zhangji
* @lasteditors: zhangji
* @lastedittime: 2019-09-02 11:16:51
*/import react from
"react"
;import _ from
"lodash"
;import
='react-native'
;/**
* 通用彈出框，包括居中彈出框和底部彈出框
* @param isvisible 控制是否可見
* @param isbottomview 可選，控制是否為底部彈出框樣式，預設為居中彈出框
* @param istouchmasktoclose 可選，控制是否點選陰影關閉彈窗，預設開啟
* @param title 可選，標題，預設為`提示`,只對居中彈窗生效
* @param confirmtext 可選，居中框的確認按鈕描述，預設為`確 認`
* @param customtitleview 可選，自定義title樣式（包括居中和底部彈框），若該屬性有值，會覆蓋預設樣式，當需要自定義按鈕點選功能時可以用這個，
* @param custombottomview 可選，自定義底部樣式（包括居中和底部彈框），若該屬性有值，會覆蓋預設樣式，當需要自定義按鈕點選功能時可以用這個，
* * eg:` * 測試彈窗
* `
*/export
default
class
mymodal
extends
component;}
setmodalvisiable
(state));
}componentwillreceiveprops
(newprops));
}}}render()
visible=
onrequestclose=
}>
>
style=
onpress=}/
>
>
<
/view>
>
onpress=
}>
style=]}
>
style=]}
>
取消<
/text>
<
/view>
<
/touchableopacity>
}>
style=]}
>
style=]}
>
確定<
/text>
<
/view>
<
/touchableopacity>
<
/view>)}
<
/view>):
(>
onpress=
}>
/>
<
/touchablewithoutfeedback>
>
>
<
/text>)}
style=}/
>
>
>
<
/text>
<
/touchableopacity>)}
<
/view>
<
/view>)}
<
/modal>);
}}const styles = stylesheet.
create(,
mask:
, container:
, title:
, confirmbtn:
, bottommodalcontainer:
, bottommask:
, content:
, bottombtns:
, shadowopacity:
0.1,
shadowradius:6,
elevation:10}
, bottombtnsview:
, bottombtnstext:
, bottommodalcontainer:
, bottommask:
, bottomcontent:})
;
ReactNative 開源專案 仿優購商城
開源動力,仿優購網 use rn and redux 本專案適合有rn基礎和redux基礎 暫時只適配ios 後期會持續更新適配安卓 如果暫時想適配安卓的可切換注釋 tabbarview.js 的 基本能執行 效果比較差 git clone git cd reactnative shopping n...
php封裝pdo例項以及pdo長連線的優缺點
四 pdo部分demo的封裝 最近需要寫指令碼來實現崩潰日誌的入庫，不出所料又是脫離於框架的，那麼行吧，咱們只能自己封裝資料庫相關操作了。博主這裡選擇了封裝pdo運算元據庫相關。眾所周知的，php在早期的時候是帶有mysql擴充套件的，但是後來由於過於古老缺失了mysql的新特性，因此主鍵沒落。從p...
React Native中的flexbox布局
分類 react native 說到布局，不論是android還是ios還是web前端，都有涉及到，react native中也有布局，主要採用了類似css中的flexbox布局，不過這種布局跟css中的flexbox布局稍微有點不同，下面就記錄在react native中使用flexbox布局的方...