Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
软件工程实践2022年春W班
穿梭在银河的火箭队
FZUStudyRoom
提交
c4261397
F
FZUStudyRoom
项目概览
软件工程实践2022年春W班
/
穿梭在银河的火箭队
/
FZUStudyRoom
通知
12
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
F
FZUStudyRoom
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
c4261397
编写于
5月 08, 2022
作者:
MHT_ZJL_
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
139_上传MyButton文件
上级
96ac50c4
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
108 addition
and
0 deletion
+108
-0
component/AloneStudy/MyButton/index.js
component/AloneStudy/MyButton/index.js
+108
-0
未找到文件。
component/AloneStudy/MyButton/index.js
0 → 100644
浏览文件 @
c4261397
import
React
,
{
Component
}
from
'
react
'
;
import
{
Text
,
StyleSheet
,
Dimensions
,
TouchableOpacity
,
View
,
}
from
'
react-native
'
;
import
PropTypes
from
'
prop-types
'
;
const
{
width
,
height
}
=
Dimensions
.
get
(
'
window
'
);
class
MyButton
extends
Component
{
constructor
()
{
super
();
}
static
propTypes
=
{
containerStyle
:
PropTypes
.
object
,
buttonStyle
:
PropTypes
.
object
,
textStyle
:
PropTypes
.
object
,
buttonEnabled
:
PropTypes
.
object
,
textEnabled
:
PropTypes
.
object
,
buttonDisabled
:
PropTypes
.
object
,
textDisabled
:
PropTypes
.
object
,
title
:
PropTypes
.
string
,
onPressIn
:
PropTypes
.
func
,
onPressOut
:
PropTypes
.
func
,
onPress
:
PropTypes
.
func
,
disabled
:
PropTypes
.
bool
,
};
render
()
{
const
{
containerStyle
,
buttonStyle
,
textStyle
,
buttonEnabled
,
textEnabled
,
buttonDisabled
,
textDisabled
,
title
,
onPressIn
,
onPressOut
,
onPress
,
disabled
,
}
=
this
.
props
;
const
container
=
{...
styles
.
container
,
...
containerStyle
};
const
buttonDefault
=
{...
styles
.
buttonStyle
,
...
buttonStyle
};
const
textDefault
=
{...
styles
.
textStyle
,
...
textStyle
};
const
button
=
disabled
?
{...
buttonDefault
,
...
styles
.
buttonDisabled
,
...
buttonDisabled
}
:
{...
buttonDefault
,
...
styles
.
buttonEnabled
,
...
buttonEnabled
};
const
text
=
disabled
?
{...
textDefault
,
...
styles
.
textDisabled
,
...
textDisabled
}
:
{...
textDefault
,
...
styles
.
textEnabled
,
...
textEnabled
};
return
(
<
View
style
=
{
container
}
>
<
TouchableOpacity
disabled
=
{
disabled
}
style
=
{
button
}
onPressIn
=
{
onPressIn
}
onPressOut
=
{
onPressOut
}
onPress
=
{
onPress
}
>
<
Text
style
=
{
text
}
>
{
title
}
<
/Text
>
<
/TouchableOpacity
>
<
/View
>
);
}
}
const
styles
=
StyleSheet
.
create
({
container
:
{
justifyContent
:
'
center
'
,
flex
:
1
,
},
textEnabled
:
{
color
:
'
#592202
'
,
},
textDisabled
:
{
color
:
'
#a0a0a0
'
,
},
textStyle
:
{
flex
:
1
,
fontSize
:
parseInt
(
height
)
/
28
,
fontWeight
:
'
bold
'
,
textAlign
:
'
center
'
,
textAlignVertical
:
'
center
'
,
},
buttonEnabled
:
{
backgroundColor
:
'
#e1c3a1
'
,
borderColor
:
'
#BF7636
'
,
},
buttonDisabled
:
{
backgroundColor
:
'
#e6e6e6
'
,
borderColor
:
'
#D6D6D6
'
,
},
buttonStyle
:
{
alignSelf
:
'
center
'
,
height
:
parseInt
(
height
)
/
8
,
width
:
'
50%
'
,
borderRadius
:
40
,
borderWidth
:
4
,
},
});
export
default
MyButton
;
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录