1

我想更改并在我的应用程序的登录屏幕中添加一些文本，所以我进入了shoutem.auth 并编辑了LoginScreen.js 文件。然后我毫无问题地推送并安装了我的扩展程序，但是当我运行我的应用程序时，没有进行任何更改。第一次弄乱反应所以不确定我是否遗漏了什么。刚刚编辑了两个占位符文本并添加了一个 Caption 标签：

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;
}
4

0 回答 0