标题 详情

2018-11-12  本文已影响15人  废材helloword

、、开关  开关需要两个属性  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);

      });

上一篇下一篇

猜你喜欢

热点阅读