27
4
I am working on the UI to my login screen. I have tried wrapping the elements differently, someone suggested using Multi-Line I tried that as well.
我正在工作的用户界面，我的登录屏幕。我试着用不同的方式包装元素，有人建议使用多行，我也试过了。
With standard React/JS / css /html I have no issues doing this. But I cannot seem to figure this one out. I try not to ask for help and figure it out on my own to learn but I have been stuck for around 3 hours and I really want to move on.
使用标准的reaction/js/css/html，我可以做到这一点。但我似乎想不出这一点。我试着不寻求帮助，自己想办法去学习，但我已经被困了大约3个小时，我真的想继续前进。
Here is my component for my LoginPageUI:
以下是我的LoginPageUI组件：
个人中心
文章发布
退出export const LoginPageUI = () => {
const [userName, setUserName] = useState("")
const [password, setPassword] = useState("")
return (
<>
<SafeAreaView>
<View style={LoginUIStyles.input}>
<Text style={LoginUIStyles.outerText}>UserName</Text>
<TextInput
multiline={true}
style={LoginUIStyles.inputField}
placeholder="Enter Your UserName"
onChangeText={(text) => setUserName(text)}
value={userName}
></TextInput>
</View>
<TextInput
style={LoginUIStyles.input}
placeholder="Password"
onChangeText={(text) => setPassword(text)}
value={password}
></TextInput>
</SafeAreaView>
</>
);
Here is my style.
这就是我的风格。
export const LoginUIStyles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
justifyContent: "center",
alignItems: "center",
},
inputContainer: {
width: "80%",
},
input: {
flexDirection: "row", // Place text and input side by side
alignItems: "center", // Center items vertically
height: 40,
borderColor: "gray",
borderWidth: 1,
borderRadius: 5,
paddingHorizontal: 10,
marginBottom: 20,
},
outerText: {
flex: 1,
},
inputField: {
flex: 3,
},
});```
I attached a photo of what it looks like currently. I was able to get it to go left in the textInput, however I can't seem to get it outside of the textInput and beside it.
wrapping and moving elements,
multiLine,
using the React-Native Docs for support.
Actually, your text has already been aligned to the left-hand side of your TextInput. So, what is causing the appearance of that text to be still within the borders of the TextInput component is due to the css properties of LoginUIStyles.input.
实际上，您的文本已经与TextInput的左侧对齐了。因此，导致该文本的外观仍然在TextInput组件的边界内的原因是LoginUIStyles.input的css属性。
It is noticed that you have housed the Text component and the TextInput component under one View component. If you move its css border properties over to LoginUIStyles.inputField from LoginUIStyles.input, that text should now appear to be outside of the TextInput component like this:
请注意，您已经将Text组件和TextInput组件放在一个View组件下。如果将其CSS边框属性从LoginUIStyles.input移到LoginUIStyles.inputfield，则该文本现在应该显示在TextInput组件之外，如下所示：
27
4
0
这个问题在这里已经有了答案: How to initialize var? (11 个答案) 关闭 8 年前。 我想给一个变量赋初值 null，并在下一个 if-else block 中赋值，但是编
我正在使用 TypeScript 3.8 编写 JS 和 TS 混合的代码。我写了以下行: export * as Easing from './easing'; 应该是 fair game在 Typ
我需要将 R 代码中的“/”更改为“\”。我有这样的事情: tmp <- paste(getwd(),"tmp.xls",sep="/") 所以我的 tmp是 c:/Study/tmp.xls 我希望
我有个问题。例如我有这个: id truth count 1 1 1 2 1 2 3 0 0 4 1 1 5 1 2 6 1
我正在尝试使用“IN”和“=”来查找一些 bean。我目前正在使用此代码: $ids = array(1,2,3,4); $user = 1; $things = R::find( 'thing'
是否可以在 Xcode 中部署到其他人的手机上？我没有 iPhone，但我想测试我在 friend 手机上制作的应用程序。在我支付 99 美元之前，我想确保这不会造成麻烦。 谢谢。 最佳答案 不会有任
我试图得到一个非常大的数字(超过 unsigned long long int )。所以我把它作为一个字符串，然后一个数字一个数字地转换成整数并使用它。 #include #include int
我在 Rust 中有 C 语言库的绑定(bind)，但它们并不完整。 在 C 代码中，我定义了一个简化的宏，如下所示: #define MY_MACROS1(PTR) (((my_struct1
我正在努力解决这个问题。 http://jsfiddle.net/yhcqfy44/ 动画应该自动相对于 滚动到顶部每次出现滚动条时的高度。 我已经写了这个，但没有运气: var hheight =
我正在处理一个将数字作为字符串返回的 JSON API。例如 "12" ，但是，该字段值也可以是非数字的，例如:"-" . 我已将 JSON 数据解析为映射，我想将此字段提取为 elixir 中的整数
我正在尝试编写一个类，将.wav文件转换为.aiff文件作为项目的一部分。 我遇到了几个库Alvas.Audio(http://alvas.net/alvas.audio,overview.aspx)
我想在 Lucene 中将像“New York”这样的“复合词”索引为单个术语，而不是像“new”、“york”那样。这样，如果有人搜索“new place”，则包含“new york”的文档将不会匹
我希望这个解释能让我更好地了解使用宏的优点。 最佳答案 在函数中，所有参数在调用之前都会被评估。 这意味着 or 作为函数不能是惰性的，而宏可以将 or 重写为 if 语句，该语句仅在以下情况下计算分
我有一些看起来像这样的 XML foo ]]> (注意 > 登录 "> foo")和 XSLT 样式表 当我运行xsltproc stylesheet.xs
当我尝试将 Any 转换为 List 时，如下面的示例所示，我得到“Unchecked cast: Any!”到列表'警告。有没有解决此类问题的方法？ val x: List = objectOfTy
我正在使用 Python 开发一个简单的爬虫。目的是创建一个 sitemap.xml。(你可以在这里找到真正的 alpha 版本:http://code.google.com/p/sitemappy/
我想知道在 VBScript 中是否可以在多行中中断 If 语句。喜欢: If (UCase(Trim(objSheet.Cells(i, a).Value)) = "YES") Or _ (UCas
for (String item : someList) { System.out.println(item); } 使用“do while”是否等效？ 谢谢。 最佳答案 如果列表为空，f
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Split string with delimiters in C 在 C 中将“，”分隔的列表拆分为数组的最佳方法
我有一个如下所示的字符数组: [0, 10, 20, 30, 670] 如何将此字符串转换为整数数组？ 这是我的数组 int i=0; size_t dim = 1; char* array = (c
我是一名优秀的程序员,十分优秀！