Birgitta B
2e95300166
This component can be placed right above an ActionButtonFooter to display a "turquoise" colored, slightly smaller text, e.g. to give helpful hints what to do before saving. If put outside the ScrollView, it will permanently display and cover up part of the scrollable area until the area is scrolled. Issue: 178
42 lines
805 B
JavaScript
42 lines
805 B
JavaScript
import React from 'react'
|
|
import { Text, View } from 'react-native'
|
|
import styles from "../styles"
|
|
|
|
export default function AppText(props) {
|
|
return (
|
|
<Text
|
|
style={[styles.appText, props.style]}
|
|
onPress={props.onPress}
|
|
>
|
|
{props.children}
|
|
</Text>
|
|
)
|
|
}
|
|
|
|
export function AppTextLight(props) {
|
|
return (
|
|
<Text style={[styles.appTextLight, props.style]}>
|
|
{props.children}
|
|
</Text>
|
|
)
|
|
}
|
|
|
|
export function ActionHint(props) {
|
|
return (
|
|
<View
|
|
style={styles.actionHintWrappingView}>
|
|
<AppText
|
|
style={[styles.actionHint, props.style]}>
|
|
{props.children}
|
|
</AppText>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
export function SymptomSectionHeader(props) {
|
|
return (
|
|
<AppText style={styles.symptomViewHeading}>
|
|
{props.children}
|
|
</AppText>
|
|
)
|
|
} |