我想更改并添加一些文本到我的应用程序的登录屏幕,所以我进入了shoutem.auth并编辑了LoginScreen.js文件。然后我推送并安装了我的扩展程序没有任何问题,但是当我去运行我的应用程序时,没有进行任何更改。第一次搞乱反应所以不确定我是否错过了什么。刚编辑了两个占位符文本并添加了标题标记:
renderLoginComponent() {
const { settings } = this.props;
const { username } = this.state;
let components = null;
if (settings.providers.email.enabled) {
components = (
<View>
<Caption styleName="h-center lg-gutter-vertical">
To login: Username is your last name (all lowercase) along with your book number. No spaces. See example below for this.
Password is your Book Number.
</Caption>
<Divider />
<Divider styleName="line" />
<TextInput
placeholder="Last Name & Book # (e.g. smith1234567)"
autoCapitalize="none"
autoCorrect={false}
keyboardType="email-address"
keyboardAppearance="dark"
onChangeText={username => this.setState({ username })}
returnKeyType="done"
value={username}
/>
<Divider styleName="line" />
<TextInput
placeholder="Password is your Book # (e.g. 1234567)"
autoCapitalize="none"
autoCorrect={false}
keyboardAppearance="dark"
secureTextEntry
onChangeText={password => this.setState({ password })}
returnKeyType="done"
/>
<Divider styleName="line" />
<Divider />
<Button
styleName="full-width inflexible"
onPress={this.performLogin}
>
<Text>LOG IN</Text>
</Button>
</View>
);
}
return components;
}