美文网首页
标题 详情

标题 详情

作者: 废材helloword | 来源:发表于2018-11-12 15:08 被阅读15次

、、开关  开关需要两个属性  value 开关状态,    onvaluechange获取开关状态

<Switch onValueChange={this.getdata} value={this.state.data} />

        {this.state.data && (

          <View>

            <TextInput

              onChangeText={dd => {

                this.setState({

                  aa: dd

                });

              }}

            />

            <Button

              title="添加"

              onPress={async () => {

                await AsyncStorage.setItem("dd", this.state.aa);

              }}

            />

            <Button

              title="删除"

              onPress={async () => {

                await AsyncStorage.removeItem("dd");

              }}

            />

            <Button

              title="查询"

              onPress={async () => {

                const ddd = await AsyncStorage.getItem("dd");

                alert(ddd);

              }}

            />

          </View>


//标题

static navigationOptions = ({ navigation }) => {

    return {

      title: navigation.getParam("name").title

    };

  };

//详情

<ScrollView>

        <HTML

          html={this.state.content}

          imagesMaxWidth={Dimensions.get("window").width}

        />

      </ScrollView>

//刷新列表

<FlatList

        data={this.state.data}

        renderItem={({ item }) => (

          <TouchableHighlight

            onPress={() => {

              this.props.navigation.navigate("Detils", { name: item });

            }}

          >

            <View style={{ borderBottomColor: "#ddd", borderBottomWidth: 1 }}>

              <Text style={{ fontSize: 20 }}>{item.title}</Text>

            </View>

          </TouchableHighlight>

        )}

        refreshing={this.state.refreshed}

        onRefresh={this.getFirst}

        onEndReached={this.getNext}

        onEndReachedThreshold={0.0001}

      />

getNext = () => {

    this.setState({

      page: this.state.page + 1

    });

    let api =

      "https://cnodejs.org/api/v1/topics?page=" +

      this.state.page +

      "&tab=job&limit=20";

    fetch(api)

      .then(res => res.json())

      .then(resJson =>

        this.setState({

          data: [...this.state.data, ...resJson.data]

        })

      )

      .catch(err => {

        alert(err);

      });

相关文章

  • 标题 详情

    、、开关 开关需要两个属性 value 开关状态, onvaluechange获取开关状态 {this....

  • UIPageViewController+UIScrollVie

    今日头条版面分为滚动的标题+滚动的详情页,标题控件用UISCrollView来写,详情页就交给UIPageView...

  • 【Ruby on Rails实战】4.2 评论功能实现(一)--

    1、详情页面功能描述 (1)点击帖子标题/帖子内容,进入帖子详情页面,评论框在详情页面最下面。(2)点击详情页面的...

  • 依赖注入 提供器

    改造app 新建商品详情组件productdetail,在商品详情组件中获取商品的标题 新建一个home组件用于封...

  • django1.10开发博客(6)——详情页

    这一节我们来做详情页面,在主页点击文章标题就可以进入对应的详情页面。 添加详情页链接 首先对post_list.h...

  • 8.改造在线竞拍应用

    创建商品详情组件,在商品详情组件里传递商品id,模板加图片及标题。 创建home组件。放入banner和商品列表组...

  • 9-5 编写电影详情页面(上)

    快速创建电影详情页面文件movie-detail。 分析一下效果图: 图片模糊处理,原始图片,标题,副标题,名字,...

  • 群规和群相关

    1.本群群规 2.回忆杀-签名 请点击各个标题查看详情~~

  • 微信程序项目边界

    详情头部标题省略加载{懒加载,预加载,无限加载,加载中} 常见路由切换

  • Flutter路由导航传递参数

    描述 一个列表页面,点击每个列表项进入不同的详情页面,并将列表的信息(标题和描述)传递过去 列表页面及详情页面 代...

网友评论

      本文标题:标题 详情

      本文链接:https://www.haomeiwen.com/subject/tjkcfqtx.html