小编SoF*_*SoF的帖子

“react-native”和“react-native-gesture-handler”中的 TextInput 之间的区别？

从“react-native”和“react-native-gesture-handler”导入的 TextInput 有什么区别？

react-native

SoF*_*SoF

lucky-day

8
推荐指数

1
解决办法

1837
查看次数

在文本中添加文本链接 - React Native

我是 ReactNative 的新手。在应用程序中，我想在文本中添加指向文本的链接。如图所示，链接所链接的紫色文本略高于正常文本。无论我如何尝试，我都无法将此文本与下面的文本对齐。我想做响应式设计，所以我要编写的代码在每个设备上看起来应该是相同的。你能帮我解决这个问题吗？

应用照片：

代码：

import React from 'react'
import {
  StyleSheet,
  Text,
  TouchableOpacity,
  View
} from 'react-native'
import {
  Dimensions
} from "react-native"

const units = {
  width: Dimensions.get("window").width,
  height: Dimensions.get("window").height,
}

const VideoPlayback = () => {


    return ( <
      View style = {
        styles.container
      } >
      <
      View style = {
        styles.advertContainer
      } >
      <
      View style = {
        styles.adverPicture
      } > < /View>

      <
      View style = {
        styles.textContainer
      } >
      <
      Text >
      Everyone is …

Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

SoF*_*SoF

2021 09-13

5
推荐指数

1
解决办法

8046
查看次数

如何在 React Native 中垂直对齐文本输入中的文本？

我是 React Native 的新手。文本输入中的文本在 Android 和 iOS 上看起来不同。如何在文本输入中垂直对齐文本？

我的代码：

import React from "react"
import { TextInput } from "react-native"


export default function Signup() {

    return (
        <TextInput
            style={{ backgroundColor: 'red', height: 30, textAlignVertical: 'top' }}
        />
    )
}

Run Code Online (Sandbox Code Playgroud)

图片：

javascript textinput react-native

SoF*_*SoF

lucky-day

5
推荐指数

1
解决办法

3588
查看次数

如何更改 React Native 中平面列表中所选项目的颜色？

我是 React Native 的新手。字母表位于应用程序屏幕的顶部。单击任何字母时，所单击的字母会出现在屏幕上。我希望单击的字母的颜色与平面列表中其他字母的颜色不同。我怎样才能做到这一点？

代码：

import React, { useState } from 'react'
import { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native'

const WordPage = () => {

    const [selectedLetter, setSelectedLetter] = useState("A")

    const alphabet = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K",
        "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]

    const _renderAlphabet = ({ item }) => {
        return (
            <TouchableOpacity onPress={() => { setSelectedLetter(item) }}>
                <View style={styles.alphabetContainer}> …

Run Code Online (Sandbox Code Playgroud)

javascript react-native react-native-flatlist

SoF*_*SoF

2021 11-12

0
推荐指数

1
解决办法

4113
查看次数