reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。

我知道React Native在他们的文档中有一个关于这个问题的教程，但我的问题完全不同，因为在文本组件中渲染的字符串来自数据库而不是......

reactjs react-native react-native-ios

回答 4 投票 0

下面是在ios中运行的代码，当键盘出现时，UI不会受到任何干扰。但在 Android 中，我在单击 textInput 后处理键盘时遇到问题。返回（下面是在 ios 中运行的代码，当键盘出现时，UI 不会受到任何干扰。但在 Android 中，我在单击 textInput 后处理键盘时遇到问题。 return ( <View style={{ flex: 1, backgroundColor: this.state.changeThemeSwitch ? helpers.whiteColor() : helpers.blackColor(), marginBottom: 10, }}> <CustomStatusBar /> {this.renderHeader()} <View style={{ justifyContent: "flex-end", alignItems: "flex-end", flex: 1, }}> <View style={{ alignSelf: "flex-end", justifyContent: "flex-end", flexDirection: 'column', marginBottom: this.state.parentViewTopMargin, width: "100%", }}> <ScrollView ref={(ref) => this.scrollViewRef = ref} onLayout={() => { if (this.scrollViewRef) { this.scrollViewRef.scrollToEnd({ animated: false }) } }} keyboardShouldPersistTaps="handled"> {messages && messages.map((item, index) => this.renderItem(item, index))} </ScrollView> <View style={{ ...styles.inputContainer }}> <TouchableOpacity onPress={this.showKeyboard}> <FontAwesomeIcon icon={faMicrophone} size={30} style={{ color: "#3A913F", }}> </FontAwesomeIcon> </TouchableOpacity> <TextInput ref={this.inputRef} keyboardType='default' multiline style={{ flex: 1, marginLeft: 10, backgroundColor: this.state.changeThemeSwitch ? helpers.whiteColor() : helpers.blackColor(), color: this.state.changeThemeSwitch ? helpers.blackColor() : helpers.whiteColor(), borderRadius: 6, paddingHorizontal: 16, paddingVertical: 8, marginRight: 10, borderWidth: 1.5, borderColor: "#3A913F" }} placeholder="Type your query..." placeholderTextColor={this.state.changeThemeSwitch ? helpers.blackColor() : helpers.whiteColor()} value={message} onChangeText={(text) => this.setState({ message: text })} /> <TouchableOpacity onPress={this.handleSend}> <FontAwesomeIcon icon={faPaperPlaneTop} size={30} style={{ color: "#3A913F", }}> </FontAwesomeIcon> </TouchableOpacity> </View> </View> </View> </View> ); 我尝试使用 Android 的 KeyboardAvoidingView 并将行为设置为“填充”|| “高度”，但它们都不起作用。我是否缺少渲染中 mainView 的一些样式，或者是否有其他方法可以在 android 中解决此问题？使用此视口元标记可以避免键盘显示期间 UI 扭曲。 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

javascript reactjs react-native scrollview

回答 1 投票 0

有没有办法指定在与子组件具有相同 prop 的高阶组件上访问哪个 prop？

我正在React中创建一个更高阶的组件来上传文件并向用户显示上传进度。我有一个文本组件来显示文件名，还有一个进度条组件来显示

html css reactjs

回答 1 投票 0

为什么我的网站在 iPhone 上加载时出现错误，即使它在 Android 上运行良好？

我使用react开发了一个计算器，它在我的电脑上运行良好，所以我将其上传到github页面。我两个朋友手机上的页面都工作正常，他们使用的是 android，但由于某种原因在我的 iph 上......

javascript html css ios reactjs

回答 1 投票 0

React 中的主题更改

什么包/库最适合在反应中更改主题？我要提一下，我没有使用 Tailwind，只是简单的 scss。是否有类似的替代方案，例如 next-themes 是 nextjs 的？或者你做什么